[Modal] Nested modal demo wrong scroll

[PatrykKuniczak]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
https://mui.com/base/react-modal/#nested-modal

Steps:

1. Click "Open modal"
2. Try to scroll ;)

Current behavior 😯

When i try to scroll or click outside on this modal(link above) nothing happend.

I can't close it on other way, than refresh page.

And as you can see on this screen:

I see only a half of this modal, cause navbar cut it, you have wrong positioning.

The same case is here:

https://mui.com/base/react-focus-trap/#basics

When i click "Open" and the focus trap is displaying:

Then i scroll down, then click anywhere, and the similiar bug occure, i see only this:

i think a if this slide a height of navbar above i can see properly this input.

When i scroll up and click everywhere it work properly i see input bar on the bottom of the page.

Expected behavior 🤔

Work properly :) 🥇

Context 🔦

Windows 7 x64
Firefox 113.0.1

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[michaldudak]

Thanks for reporting this. Therse are actually two separate issues - the inability to close the modal with a mouse (it's still possible to close it with the Esc key). I was able to reproduce the positioning issue on Firefox as well.

[PatrykKuniczak]

@michaldudak If nobody take it in this week, i can try to fix it, but i must read CONTRIBUTION and gain knowledge how to do it, cause the repo is huge :)

Now i know only, the components are located in 'packages' :)

[michaldudak]

Sure, go ahead. Feel free to ask if you need clarification. I'll be unavailable for two weeks starting this Thursday, but another maintainer should be able to help you.

[gitstart]

@michaldudak I would like to pick this up if it's still available.

[PatrykKuniczak]

@michaldudak I would like to pick this up if it's still available.

Go ahead, with not hesitate 😁

I don't have time now, maybe i can start next week, start coding, and maybe i can help you if u have trouble 😁

[PatrykKuniczak]

@michaldudak I would like to pick this up if it's still available.

You're right? :)

[oliviertassinari]

Link to live example: https://mui.com/base/react-modal/#nested-modal

This looks like a regression from #36873, https://deploy-preview-36873--material-ui.netlify.app/base/react-modal/#nested-modal doesn't work anymore. To figure out what happened.

The same case is here react-focus-trap

This looks off-topic to the first bug and the normal behavior.

[ZeeshanTamboli]

I created a separate issue #37866 for the second issue reported here.