Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Mobile] Block Settings Panel should prevent interaction with blocks beneath it #63845

Open
2 tasks done
mrfoxtalbot opened this issue Jul 23, 2024 · 1 comment · May be fixed by #67176
Open
2 tasks done

[Mobile] Block Settings Panel should prevent interaction with blocks beneath it #63845

mrfoxtalbot opened this issue Jul 23, 2024 · 1 comment · May be fixed by #67176
Labels
[Feature] Block settings menu The block settings screen [Feature] Blocks Overall functionality of blocks Mobile Web Viewport sizes for mobile and tablet devices [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@mrfoxtalbot
Copy link

mrfoxtalbot commented Jul 23, 2024 •
edited
Loading

Description

On mobile, there are a couple of scenarios when interacting with the block settings will reveal the UI of the blocks sitting underneath.

Adjusting the padding shows the blue margins:

rpreplay_final1721392901.online-video-cutter.com.3.mp4

Adjusting the height of the cover block (and I presume other blocks with similar UI, such as the spacer block)

rpreplay_final1721392901.online-video-cutter.com.4.mp4

Step-by-step reproduction instructions

  1. Create a new post on mobile
  2. Adjust the padding and set the height of the cover block
  3. Notice you are seeing and doing things that are happening underneath the settings panel

Screenshots, screen recording, code snippet

No response

Environment info

  • WP 6.6
  • Happens with and without the GB plugins (18.8)

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

  • Yes

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

  • Yes

Props to @Robertght for noticing this
@mrfoxtalbot mrfoxtalbot added [Type] Bug An existing feature does not function as intended [Feature] Blocks Overall functionality of blocks Mobile Web Viewport sizes for mobile and tablet devices [Feature] Block settings menu The block settings screen labels Jul 23, 2024
@annezazu
Copy link
Contributor

Looks like the visualizer ends up displaying! How wild. Great issue.

@mrfoxtalbot mrfoxtalbot changed the title [Mobile] Block Setting Panel should prevent interaction with blocks beneath it [Mobile] Block Settings Panel should prevent interaction with blocks beneath it Jul 29, 2024
@sarthaknagoshe2002 sarthaknagoshe2002 linked a pull request Nov 20, 2024 that will close this issue
Open
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Nov 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] Block settings menu The block settings screen [Feature] Blocks Overall functionality of blocks Mobile Web Viewport sizes for mobile and tablet devices [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix: Prevent block UI from showing above settings panel on mobile sarthaknagoshe2002/gutenberg
2 participants
@mrfoxtalbot @annezazu