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
No description
2 Replies
! Bazinga
! Bazinga5w ago
visibility: hidden is not working, as it works similar to display: none in this case.
ἔρως
ἔρως5w ago
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