At some point we need to show a modal to prevent navigation before saving changes but the modal shown is colliding with Vertical Menu in mobile devices after clicking a Navigation Item.
It seems the Dialog component is re-added to the DOM after opening Vertical Menu, staying in top and blocking any user action.
Parsium
commented
1 week ago
Description
At some point we need to show a modal to prevent navigation before saving changes but the modal shown is colliding with Vertical Menu in mobile devices after clicking a Navigation Item.
It seems the Dialog component is re-added to the DOM after opening Vertical Menu, staying in top and blocking any user action.
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-kbwisw?file=src%2FApp.tsx
Steps to reproduce
Info is provided in the Stackblitz example
JIRA ticket numbers (Sage only)
SBS-114293
Suggested solution
No response
Carbon version
141.0.8
Design tokens version
4.34.0
Relevant browsers
Chrome
Relevant OSs
MacOS
Additional context
No response
Confidentiality