forked from M3-Academy/challenge-vtex-io
Entrega do Desafio #22
@ -1,16 +1,29 @@
|
||||
const Placeholder = () => {
|
||||
if (typeof document !== "undefined") {
|
||||
const postalCodeInput = document.querySelector(
|
||||
".vtex-address-form-4-x-input"
|
||||
);
|
||||
const postalCodeValue = document.querySelector(".postalCode");
|
||||
if (postalCodeInput) {
|
||||
postalCodeInput.classList.add("postalCode");
|
||||
}
|
||||
if (postalCodeValue) {
|
||||
postalCodeValue.setAttribute("placeholder", "Digite seu CEP");
|
||||
}
|
||||
const observer = new MutationObserver(mutations => {
|
||||
mutations.forEach(_mutation => {
|
||||
const postalCodeInput = document.querySelector(
|
||||
".vtex-address-form-4-x-input"
|
||||
);
|
||||
const postalCodeValue = document.querySelector(".postalCode");
|
||||
|
||||
if (postalCodeInput) {
|
||||
postalCodeInput.classList.add("postalCode");
|
||||
observer.disconnect();
|
||||
}
|
||||
|
||||
if (postalCodeValue) {
|
||||
postalCodeValue.setAttribute("placeholder", "Digite seu CEP");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
observer.observe(document, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
|
@ -1,7 +1,6 @@
|
||||
{
|
||||
"html#breadcrumb": {
|
||||
"props": {
|
||||
"tag": "section",
|
||||
"testId": "breadcrumbs",
|
||||
"blockClass": "pdp-breadcrumb"
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user