I am using react-full-screen node package to make a full screen component, however modals, popovers, and drawers do not work.

Could you please help me make a working modal within my full screen component?

CodePudding user response：

Are you sure it doesn't work ? maybe your modals are well displayed but behind your fullscreen component (did you use devtool's element inspector to check the html / css to see if your modal was here ?). You might need to enrich your modal's css to make it visible ahead of fullscreen component, a mere z-index: 2 on the modal' style could help ?

CodePudding user response：

It happens to me as well when I use material UI components

I created a custom modal with CSS to achieve this. If you need assistance, follow the link below