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.
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