diff --git a/react/components/PlaceholderCep/PlaceholderCep.tsx b/react/components/PlaceholderCep/PlaceholderCep.tsx index ec52714..7ab5a58 100644 --- a/react/components/PlaceholderCep/PlaceholderCep.tsx +++ b/react/components/PlaceholderCep/PlaceholderCep.tsx @@ -1,15 +1,27 @@ +import React from "react"; const PlaceholderCep = () => { - - if (typeof document !== "undefined") { + new Promise(resolve => { + if (document.querySelectorAll(".vtex-address-form-4-x-input").length > 0) { + return resolve(Array.from(document.querySelectorAll(".vtex-address-form-4-x-input"))); + } - // document.getElementsByClassName("vtex-address-form-4-x-hideDecorators")[0].setAttribute("placeholder", "Digite seu CEP"); + const observer = new MutationObserver(() => { + if (document.querySelectorAll(".vtex-address-form-4-x-input").length > 0) { + resolve(document.querySelectorAll(".vtex-address-form-4-x-input")); + observer.disconnect(); + } + }); - // .placeholder = "Digite seu CEP" - - }; + observer.observe(document.body, { + childList: true, + subtree: true, + }); + }).then((els: any) => { + els[0].placeholder = "Digite seu CEP"; + }); - return "" ; -}; + return <>; +}; -export default PlaceholderCep; +export default PlaceholderCep; \ No newline at end of file