DataViews: Appearance and Settings panel overlaps Patterns page header while scrolling down

[hardikgohil7988]

Description

Appearance and Settings panel overlaps Patterns page header while scrolling down

Step-by-step reproduction instructions

1. Open the Site Editor from the dashboard.
2. Navigate to the Pattern section.
3. Click on the settings icon to open the appearance and settings panel.
4. Scroll down the page

Expected behavior Scrolling should be disabled when the settings panel is open.

Screenshots, screen recording, code snippet

https://github.com/user-attachments/assets/2b24cb01-89a6-43cd-9900-4bc75cd88ee0

Environment info

• Device: MacBook Pro
• OS: Sequoia 15.0.1
• Browser: Chrome
• Version: 129.0.6668.101
• WordPress version: 6.7 beta-3
• Gutenberg version: 19.4.0

Please confirm that you have searched existing issues in the repo.

• [x] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [x] Yes

[ravijat2026]

@hardikgohil7988 I would like to work on this , Please assign me this issue under hacktoberfest 2024. Thanks.

[shrivastavanolo]

Can confirm that this bug can still be reproduced

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.9-alpha-60500
• PHP: 8.2.29
• Server: Apache/2.4.65 (Debian)
• Database: mysqli (Server: 11.8.3-MariaDB-ubu2404 / Client: mysqlnd 8.2.29)
• Browser: Chrome 139.0.0.0 (Mobile)
• OS: Android
• Theme: Twenty Twenty-Five 1.3
• MU Plugins: None activated
• Plugins:
  • Gutenberg 21.5.0
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts