Need help with setting "slide-out" animation to a slide-in form.
Currently it is working but I'm concerned about the usage of pointer-events as it will be availablt to screen readers.
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1233275009057816586/Code_AUlcDTAeXe.png)
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1233275009276055552/Code_4HEGRgzMZs.png)
2 Replies
visibility: hidden is not working, as it works similar to display: none in this case.
instead of controlling this by using a random class and have to kinda hack your way around to avoid usability issues
how about you style your "open" state as an enabled
<fieldset>
and the "closed" state as a disabled <fieldset>
if you disable a <fieldset>
, it automatically disables all inputs, buttons, textareas, and other elements inside it
this means they aren't submitted and you can't interact them
your current approach will still submit something in a "closed" section of the form