-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Closed
Labels
[Package] Block editor/packages/block-editor/packages/block-editor[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Description
Description
When I group two paragraphs with an inner padding (whether it is a fixed value or a variable from the new spacing presets), the inline style min-width: 1px; is applied to both. The problem with this is when I try to display a large letter with font-size: 5em; on the left and a full paragraph on the right, the paragraph with the large letter doesn't take up all its space / stretches awkwardly (see screenshots).
When I comment out the min-width, it works as expected.
Step-by-step reproduction instructions
- add some spacing presets
- add 2 paragraphs, one with one big letter (like 5em or sth), and another one with default font size
- add a padding from the presets to both
- group the paragraphs (don't allow wrapping on mobile)
- notice the difference in the editor and frontend
Screenshots, screen recording, code snippet
The one Line of CSS to remove to fix the preview (applied inline to the paragraphs):

Environment info
Gutenberg v14.3.1
WordPress v6.0.3
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
No
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
[Package] Block editor/packages/block-editor/packages/block-editor[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended


