diff --git a/packages/dataviews/CHANGELOG.md b/packages/dataviews/CHANGELOG.md index c140d695a7350d..2fd0b911b43b44 100644 --- a/packages/dataviews/CHANGELOG.md +++ b/packages/dataviews/CHANGELOG.md @@ -9,6 +9,7 @@ ### Bug Fixes - DataForm: Fix label color of array control. [#75730](https://github.com/WordPress/gutenberg/pull/75730) +- DataForm: Fix text overflow for long unhyphenated text in panel layout. [#76073](https://github.com/WordPress/gutenberg/pull/76073) - DataForm: Fix `card` layout's toggle button screen reader text. [#76039](https://github.com/WordPress/gutenberg/pull/76039) - DataViews: Fix focus transfer while searching in `list` layout. [#75999](https://github.com/WordPress/gutenberg/pull/75999) - DataForm: Fix focus loss when collapsing in Card view. [#75689](https://github.com/WordPress/gutenberg/pull/75689) diff --git a/packages/dataviews/src/components/dataform-layouts/panel/style.scss b/packages/dataviews/src/components/dataform-layouts/panel/style.scss index 382c63582d7844..5fc659be4a54da 100644 --- a/packages/dataviews/src/components/dataform-layouts/panel/style.scss +++ b/packages/dataviews/src/components/dataform-layouts/panel/style.scss @@ -127,6 +127,7 @@ display: flex; align-items: center; overflow: hidden; + word-break: break-word; font-weight: var(--wpds-font-weight-medium); > * { diff --git a/packages/dataviews/src/dataform/stories/layout-panel.tsx b/packages/dataviews/src/dataform/stories/layout-panel.tsx index dc9fff38aee925..a33ad6b9494e5b 100644 --- a/packages/dataviews/src/dataform/stories/layout-panel.tsx +++ b/packages/dataviews/src/dataform/stories/layout-panel.tsx @@ -75,6 +75,10 @@ const fields: Field< SamplePost >[] = [ { value: 2, label: 'John' }, { value: 3, label: 'Alice' }, { value: 4, label: 'Bob' }, + { + value: 5, + label: 'Superadministratoraccountwithalongunhyphenatedusername', + }, ], setValue: ( { value } ) => ( { author: Number( value ), @@ -310,7 +314,7 @@ const LayoutPanelComponent = ( { const [ post, setPost ] = useState< SamplePost >( { title: 'Hello, World!', order: 2, - author: 1, + author: 5, status: 'draft', reviewer: 'fulano', date: '2021-01-01T12:00:00',