material-components / material-components/material-components-android
[NavigationView] strange rectangle appears when window overlaps with display cutout in edge-to-edge mode
Nobody has claimed this yet.
- Dominant language
- Java
- Stars
- 17.4k
- Forks
- 3.2k
- PR merge metrics
- No merged PRs in 30d
Description
**Description:** The strange rectangle appears when the window overlaps with the display cutout in edge-to-edge mode.
Test11
(#3983 or #4576) Catalog app
**Expected behavior:** The strange rectangle doesn't appear when the window overlaps with the display cutout in edge-to-edge mode.
Test11
(#3983 or #4576) Catalog app
**Source code:**
```xml
```
```xml
<item name="android:windowLayoutInDisplayCutoutMode">always</item>
```
**Minimal sample app repro:** [Test11.zip](https://github.com/user-attachments/files/18632896/Test11.zip)
**Android API version:** 35
**Material Library version:** 1.13.0-alpha10
**Device:** Emulator 35.3.11
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Test11.zip minimal sample and reproduce the rectangle on the API 35 emulator using Material Library 1.13.0-alpha10. Inspect the DrawerLayout, CoordinatorLayout, AppBarLayout, MaterialToolbar, and NavigationView configuration together with the edge-to-edge and display-cutout settings. Done means the rectangle no longer appears when the window overlaps the display cutout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100