bezahlt von Shopwar 6: DatePicker außerhalb einer Form
In HTML gibt es die Möglichkeit Inputs auch außerhalb einer Form zu haben und diese mit einer Form zu verknüpfen. Dazu nutzt man das form-Attribute. Gerade im Checkout von Shopware 6 ist es echt praktisch. Beim DatePicker besteht aber das Problem, dass das Input, dass man selbst definiert durch ein neues Input-Feld ersetzt wird, wenn Flatpickr sich initialisiert. Diesem neuen Input muss man auch das form-Attribute geben.
Tut man es nicht, funktioniert z.B. das required-Flag am DatePicker nicht.
Hier eine Quick&Dirty Lösung für das Problem:
const observer = new MutationObserver((mutationlist, observer) => {
mutationlist.forEach(mutation => {
if(mutation.type === 'childList') {
const picker = document.querySelector('.hp_shipping_date.form-control');
if(picker) {
picker.setAttribute('form', 'confirmOrderForm');
observer.disconnect();
}
}
});
});
observer.observe(document.querySelector('.hp-shipping-date-container'), {childList: true, subtree: true});
Tut man es nicht, funktioniert z.B. das required-Flag am DatePicker nicht.
Hier eine Quick&Dirty Lösung für das Problem:
const observer = new MutationObserver((mutationlist, observer) => {
mutationlist.forEach(mutation => {
if(mutation.type === 'childList') {
const picker = document.querySelector('.hp_shipping_date.form-control');
if(picker) {
picker.setAttribute('form', 'confirmOrderForm');
observer.disconnect();
}
}
});
});
observer.observe(document.querySelector('.hp-shipping-date-container'), {childList: true, subtree: true});
| User | annonyme | 2024-09-20 22:37 |
write comment: