Blocks and Patterns selector panel width flickers

[amjadr360]

What problem does this address?

Switching Blocks and Patterns tabs back and forth selector panel, panel inner elements (search bar, patterns list ) width flickers. The width flickering issue is due to the scrollbar.

Screenshots:

What is your proposed solution?

Solution 1: Set the max width to block-editor-insertercontent. .block-editor-insertercontent {max-width: 333px;}

The result can be achieved with solution 1:

Solution 2: Make selector panel overflow-y: scroll; rather then overflow-y: auto; .block-editor-inserter__main-area { overflow-y: scroll;}

The result can be achieved with solution 2:

[annezazu]

@amjadr360 can you share version of WordPress and/or Gutenberg you're using along with what browser? Thanks so much!

[amjadr360]

WordPress: Version 6.0 Gutenberg: Version 13.4.0 Twenty Twenty-Two: Version: 1.2 Browser: Chrome

[annezazu]

Thank you!

[stokesman]

Seems like this is outdated as the patterns list is now in its own adjacent container. Though perhaps in the mobile view it could still be an issue. Testing that on trunk is currently hindered due a separate issue #65837