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

Browse All block panel closes when clicking on vertical scroll bar #28113

Closed
SJNBham opened this issue Jan 11, 2021 · 7 comments
Closed

Browse All block panel closes when clicking on vertical scroll bar #28113

SJNBham opened this issue Jan 11, 2021 · 7 comments
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface Needs Testing Needs further testing to be confirmed.

Comments

@SJNBham
Copy link

SJNBham commented Jan 11, 2021

Describe the bug
scrollbar-closes

To reproduce
Steps to reproduce the behavior:

  1. Click the Add Block button in the description field of a page.
  2. Choose [Browse All]
  3. Try to click on the vertical scroll bar to scroll through the available blocks.
  4. The Block panel closes.

Expected behavior
The Block panel should remain open and the vertical scroll bar should allow scrolling through the blocks.

Editor version (please complete the following information):

  • WordPress version: 5.6
  • Gutenberg plugin version: 9.7.0

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Edge (Chromium)
  • Version: 87.0.664.75 (Official build) (64-bit)
@talldan
Copy link
Contributor

talldan commented Jan 12, 2021

Thanks for reporting. I wasn't able to reproduce this:
block-menu-edge

Tested in BrowserStack, Edge 87, Windows 10.

Any plugins active that might cause this?

@talldan talldan added [Feature] Inserter The main way to insert blocks using the + button in the editing interface Needs Testing Needs further testing to be confirmed. labels Jan 12, 2021
@SJNBham
Copy link
Author

SJNBham commented Jan 12, 2021

We tried it on a fresh site without plugins and the TwentyTwenty theme active. When we disable the Gutenberg plugin, it works as expected. When we activate the Gutenberg plugin, the scrollbar closes the blocks catalog panel. We also tried an inPrivate window and clearing the browser cache. We tested it in FireFox with the same results. Here is the console output from FireFox:

console-output

@carinapilar
Copy link

carinapilar commented Jan 12, 2021

I also got a report for this and was able to replicate it, with only Gutenberg active and using TwentyTwenty too. As @SJNBham shared above, it only happens when Gutenberg plugin is active, it works as expected once deactivated.

It's particularly challenging when using a laptop without a mouse, the workaround seems to be hitting Tab and then using the arrows.

@sirreal
Copy link
Member

sirreal commented Jan 13, 2021

I've just confirmed this with the lastest Gutenberg release 9.7.1.

@kriskarkoski
Copy link

I noticed a similar issue yesterday I was planning to report but I suspect is the same issue. If you click anywhere in the panel that's not a clickable element ex. between patterns the panel closes.

@sirreal
Copy link
Member

sirreal commented Jan 13, 2021

I believe this is fixed by #27946, which was just included in the 9.7.2 patch release.

@SJNBham
Copy link
Author

SJNBham commented Jan 13, 2021

Confirming this appears to be fixed in 9.7.2. Thanks!

@SJNBham SJNBham closed this as completed Jan 13, 2021
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 Needs Testing Needs further testing to be confirmed.
Projects
None yet
Development

No branches or pull requests

5 participants