Styles: Preview and Stylebook cut off with Whisper variation

[annezazu]

Description

This bug was found as part of the FSE Outreach Program's nineteenth call for testing:

I found that Style book doesn’t show examples properly on Whisper style variant. I’m using Gutenberg 14.8.3. The problem happened because the style variant applies full body border. For a short work around, undisplaying the border-style through Custom CSS solves the issue. What a way to try out the experiment module that turns out well. 🙂 However, I think Style book should be supportive to any kinds of block theme.

cc @madhusudhand (preview) and @noisysocks (style book) of note, I replicated this with GB 14.9 RC1

Step-by-step reproduction instructions

1. Activate TT3 and select Whisper style variant
2. Open Style book
3. Notice the bottom border of every example is cut.
4. Open Styles again > Blocks and notice the previews are also cut off.

Screenshots, screen recording, code snippet

Stylebook:

Style preview:

Environment info

• WordPress 6.1.1
• GB 14.9 RC1 & GB 14.8.3
• TT3

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

[juanfra]

Interesting! added a fix for this one here

[juanfra]

Hi @annezazu,

The PR has just been merged, so we should be good to go with this one now 😄

[annezazu]

Awesome! Closing out. Thank you ❤️