Scroll Bar present in styles colors preset panel

[hbhalodia]

Description

On the Site Editor, if we visit the styles panel and open the colors panel, we can see that there is a scroll bar present in the color presets options pill.

Step-by-step reproduction instructions

1. Open Site Editor.
2. Go to styles > colors > pallets > presets
3. You can see that there is the little scroll bar present in the pill that shows the color presets.

Screenshots, screen recording, code snippet

Screencast to reproduce the issue

GB.New.Issue.webm

Environment info

• WordPress Version - 6.5.3
• Gutenberg Version - Latest Trunk

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

[hbhalodia]

There is an issue because IFrame is getting the height of 152px, which is the normalized height defined here.

gutenberg/packages/edit-site/src/components/global-styles/preview-iframe.js

Line 27 in d538f42

const normalizedHeight = 152;

We need to tweak this in order to fix the scrollbar issue.

[bgardner]

This looks like it was ack’ed #61617 by @youknowriad (#61617 (comment)) and confirmed by @annezazu (#61617 (comment)).

[annezazu]

Yes! Hopefully, we can get that fixed within that PR. Thanks for sleuthing and dot connecting here.

[hbhalodia]

Hi @fabiankaegy, I guess we can move this issue to Needs Review status, Since PR is already raised here - #61617 and looks like the potential fix for this.

Thank You ✨.

[fabiankaegy]

Good call :) thanks!