Editor: When a mouse cursor is over "Add block" line, scrolling stops working

goodpenguins commented 1 day ago

Description

When scrolling content in the editor with mouse wheel, when the mouse cursor is over the "Add Block" line, even if it has not yet appeared, scrolling stops. Any direction.

Step-by-step reproduction instructions

Create a page/post with content 2-3 screens high. Start scrolling up and down the page. You will probably catch it. Or just place your mouse pointer between the blocks where the "Add Block" line should be and try scrolling.

Screenshots, screen recording, code snippet

Environment info

WP 6.7 Gutenberg 19.7.0 Theme: Twenty Twenty-Five OS: Windows 11 Browser: MS Edge

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

Please confirm which theme type you used for testing.

[x] Block
[ ] Classic
[ ] Hybrid (e.g. classic with theme.json)
[ ] Not sure

im3dabasia commented 1 day ago

Hey @goodpenguins, I was able to reproduce this issue. Good find! This is happening because of the following CSS:

.components-popover.block-editor-block-popover__inbetween .is-with-inserter, .components-popover.block-editor-block-popover__inbetween .is-with-inserter *{
    pointer-events: all
}

beixco commented 1 day ago

Hey, I have the same issue, and it's really annoying. Hope it can get fixed soon!

talldan commented 1 day ago

I believe this is already reported in https://github.com/WordPress/gutenberg/issues/63260, so I'll close this as a duplicate.

There was some work in progress to fix the problem, which it'd be good to revisit and make sure it gets into a release.

WordPress / gutenberg