Bug report

Steps to reproduce

1. Using chrome for mobile browser, go to https://material-components.github.io/material-components-web-catalog/#/component/drawer/modal
2. Open the modal drawer.
3. Scroll the scrim down.
4. As you scroll, the browser will try ro hide their URL bar.
5. When the browser do that, the scrim and drawer are 'lifted up', and not fully cover the underlying page.

Actual behavior

The scrim and drawer does not cover the bottom part when the browser s bar goes to hide

Expected behavior

The drawer and the scrim cover all the screen

Screenshots

Video attached

Your Environment:

• Chrome for android in a Samsung phone

Additional context

Possible solution

Drawer scrim class css modified to cater the case ?

Thankyou for this awesome library!