extraFieldWrapperAtrributes class display hide using AlpineJs
Hello,
I am using AlpineJs to hide/show some Input fields for speeding up the forms and it works great so far but one thing I noticed is that even after using x-show to false for the extraFieldWrapperAttribute it hides the input field but leaves the gap which is set by its grand-parent element as you can see in the screenshot I posted.
I tried to hide it using
$refs.recipients.parentNode.style.display = (show_recipients) ? "block":"none";
and it worked but the gaps comes back if there is any on change event occurs on ->live() input field.
Please let me know how can I hide this parent div properly?
Thank you.
I am using AlpineJs to hide/show some Input fields for speeding up the forms and it works great so far but one thing I noticed is that even after using x-show to false for the extraFieldWrapperAttribute it hides the input field but leaves the gap which is set by its grand-parent element as you can see in the screenshot I posted.
I tried to hide it using
$refs.recipients.parentNode.style.display = (show_recipients) ? "block":"none";
and it worked but the gaps comes back if there is any on change event occurs on ->live() input field.
Please let me know how can I hide this parent div properly?
Thank you.
