Hello. I have a parent Dialog component, which opens a child Dialog component. With both of them visible, the child dialog component is not focus trapping keyboard navigation so that tabbing, etc. behaves as expected.
So far, the only way I've been able to ensure an ADA compliant form is to hide the parent modal when the child modal is shown, but I don't want that user experience. As long as only one dialog modal is open, there's no issue. I've tried using the zIndex configuration, but that does nothing.
I'm currently using PrimeVue v3.8.2. Would this be considered a defect or am I missing some configuration which ensures that the focus is on the top-most component? I'm going to keep working my way through this, but would appreciate any guidance that can be given.
This is the component I'm referring to:
UI Components for Vue
3 posts • Page 1 of 1
Who is online
Users browsing this forum: No registered users and 2 guests