From ea9c48068f7b8913ed4c6780f3d293e32a3eaee1 Mon Sep 17 00:00:00 2001 From: "Joen A." Date: Thu, 11 Jun 2026 14:05:42 +0200 Subject: [PATCH 1/2] BaseControl: add text-wrap: pretty --- packages/components/CHANGELOG.md | 4 ++++ .../components/src/base-control/styles/base-control-styles.ts | 1 + 2 files changed, 5 insertions(+) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index f99fd10a1737c9..374da01d1a4c08 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -2,6 +2,10 @@ ## Unreleased +### Enhancements + +- `BaseControl`: Apply `text-wrap: pretty` to help text to avoid typographic widows. + ### Bug Fixes - `SandBox`: Fix the viewport-unit (`vh`, `vw`, etc.) stripping so user-supplied HTML using these units in `width`/`height` no longer triggers a runaway resize loop in the preview ([#78677](https://github.com/WordPress/gutenberg/pull/78677)). diff --git a/packages/components/src/base-control/styles/base-control-styles.ts b/packages/components/src/base-control/styles/base-control-styles.ts index 773e83908d492d..48fb0f2b70335f 100644 --- a/packages/components/src/base-control/styles/base-control-styles.ts +++ b/packages/components/src/base-control/styles/base-control-styles.ts @@ -45,6 +45,7 @@ export const StyledHelp = styled.p` font-size: ${ font( 'helpText.fontSize' ) }; font-style: normal; color: ${ COLORS.gray[ 700 ] }; + text-wrap: pretty; `; export const StyledVisualLabel = styled.span` From e5884fef8ea967d6807fc645bde1129985eceabb Mon Sep 17 00:00:00 2001 From: "Joen A." Date: Thu, 11 Jun 2026 14:09:52 +0200 Subject: [PATCH 2/2] Update changelog. --- packages/components/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 374da01d1a4c08..97e5c9f7f2a14b 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -4,7 +4,7 @@ ### Enhancements -- `BaseControl`: Apply `text-wrap: pretty` to help text to avoid typographic widows. +- `BaseControl`: Apply `text-wrap: pretty` to help text to avoid typographic widows ([#79112](https://github.com/WordPress/gutenberg/pull/79112)). ### Bug Fixes