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.

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

Block Inserter Panel Does Not Close After Interaction on Mobile/Tablet web editor #68790

Open
2 of 6 tasks
Kallyan01 opened this issue Jan 20, 2025 · 5 comments · May be fixed by #68791
Open
2 of 6 tasks

Block Inserter Panel Does Not Close After Interaction on Mobile/Tablet web editor #68790

Kallyan01 opened this issue Jan 20, 2025 · 5 comments · May be fixed by #68791
Assignees
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@Kallyan01
Copy link

Description

When using the Gutenberg editor on mobile or tablet browsers, the block inserter panel remains open after performing actions such as dragging and dropping or clicking on a block. This behavior is not ideal as it obstructs the editing canvas and disrupts the user experience.

VID_20250121001326.mp4

Expected Behavior

The block inserter panel should close automatically once the user interacts with the block list (e.g., after dragging and dropping or clicking on a block). This would improve usability by reducing distractions and providing a smoother editing experience.

Step-by-step reproduction instructions

  1. Open the Gutenberg editor on a mobile or tablet browser.
  2. Open the block inserter panel.

Image

  1. Attempt to:
  • Drag and drop a block to the canvas.
  • Click on a block to add it to the editor.
  • Observe that the block inserter panel remains open after completing the action.

Screenshots, screen recording, code snippet

Image

Environment info

  • Wordpress 6.8
  • Gutenberg 20.0.0
  • Env Type : Mobile and Tablet Devices

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

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure
@Kallyan01 Kallyan01 added the [Type] Bug An existing feature does not function as intended label Jan 20, 2025
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Jan 20, 2025
@Kallyan01
Copy link
Author

@ellatrix @bjtitus @Mamaduka can you look into this issue and confirm ?

@t-hamano t-hamano added the [Feature] Inserter The main way to insert blocks using the + button in the editing interface label Jan 21, 2025
@Mamaduka
Copy link
Member

I thought this was resolved. @jeryj, we were discussing something similar very recently.

@Kallyan01
Copy link
Author

Kallyan01 commented Jan 21, 2025

@Mamaduka Checked the latest trunk, the bug still exist ! can you mention the PR / Issue which resolved the issue ?

@jeryj
Copy link
Contributor

jeryj commented Jan 21, 2025

@Mamaduka - I don't recall working on closing the inserter after mobile/tablet interactions. The closest thing to this I remember is working on the useZoomOut hook to not engage on tablet/mobile.

@Mamaduka
Copy link
Member

I think the issue in question and PR are similar, but not the same - #67339 (comment).

Sorry for the confusion, @jeryj!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
4 participants