Unable to scroll block style switcher

[timelsass]

When adding several variations to block styles for a single block, if the list goes beyond the visual area seen, there's no way possible for a user to see or access the rest when clicking on the block style switcher by scrolling in that area.

possibly related to #10905

[senadir]

problem seems to be easily fixable by adding a max-height and overflow-y: auto to .components-popover__content but it seems to be purposely made to overflow-y: visible

gutenberg/packages/block-editor/src/components/block-switcher/style.scss

Lines 128 to 130 in 92fcaa8

	.block-editor-block-switcher__popover:not(.is-mobile) > .components-popover__content {
	// Reset overflow to allow showing the preview on the left once an item is hovered.
	overflow-y: visible;

this change was made in this commit to fix this issue #8623 in this pull request #8962
basically it fixes a bug in IE11

the use of overflow-y: initial or overflow-y: visible is the same, since the initial value is visible, so we probably need to understand why initial was used to begin with

[senadir]

as far as I managed to dig, this fix was because the preview panel will not show up if overflow-y is anything other then visible. and using overflow-x will not work.
that's because, according to MDN

If overflow-y is hidden, scroll or auto and this property [overflow-x] is visible (default) it will implicitly compute to auto.

and if .components-popover__content is not visible, the preview won't show up, in this image, it is auto

so a solution I managed to make was to wrap .components-popover__content in a div, take .ditor-block-preview out of .components-popover__content and into the parent div, migrate some styles from the .components-popover__content to the parent (like background, size, position and what about)
double the width of the parent, and give .components-popover__content 50% of it, preserving the same visual structure but fixing it.

• This is an example, we have a popover component that is too long, I applied max height to but the overflow is still a problem
  

• The same example with long content, with overflow fixed and preview working
  

this implementation still requires a lot of refactoring (since I switched from position: absolute to flexbox)
I will try to refactor it and make a PR

[youknowriad]

This is fixed