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:
https://www.primefaces.org/primevue/showcase/#/dialog
Multiple Open Dialog Modal Components - Focus Trap
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Hello,
You could try to use 'appendTo' property but we recommend using separated dialogs.
Regards,
You could try to use 'appendTo' property but we recommend using separated dialogs.
Regards,
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests