diff --git a/docs/reference-guides/core-blocks/README.md b/docs/reference-guides/core-blocks/README.md index ad4be627d02a4e..077d3c2d71f5b6 100644 --- a/docs/reference-guides/core-blocks/README.md +++ b/docs/reference-guides/core-blocks/README.md @@ -1003,7 +1003,7 @@ Display the tab buttons for a tabbed interface. - **Name:** [core/tab-list](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/core-block-tab-list/) - **Category:** [design](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/) - **Parent:** core/tabs -- **Supports:** ariaLabel, color (background, text), layout (default, ~~allowOrientation~~, ~~allowVerticalAlignment~~, ~~allowWrap~~), spacing (blockGap, padding), typography (fontSize), ~~html~~, ~~lock~~, ~~visibility~~ +- **Supports:** ariaLabel, color (background, text), layout (allowWrap, default, ~~allowOrientation~~, ~~allowVerticalAlignment~~), spacing (blockGap, padding), typography (fontSize), ~~html~~, ~~lock~~, ~~visibility~~ - **Attributes:** tabs ## Tab Panel diff --git a/packages/block-library/src/tab-list/README.md b/packages/block-library/src/tab-list/README.md index 0b8b3261428024..b2ae0e1cbac8a1 100644 --- a/packages/block-library/src/tab-list/README.md +++ b/packages/block-library/src/tab-list/README.md @@ -38,7 +38,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer - [`default`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-default): `{"type":"flex","flexWrap":"wrap"}` - [`allowVerticalAlignment`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowverticalalignment): `false` - [`allowOrientation`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-alloworientation): `false` - - [`allowWrap`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowwrap): `false` + - [`allowWrap`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowwrap): `true` - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing): - `padding`: `true` - `blockGap`: `true` diff --git a/packages/block-library/src/tab-list/block.json b/packages/block-library/src/tab-list/block.json index 78e7b8d0578bc8..e176563f45f6e0 100644 --- a/packages/block-library/src/tab-list/block.json +++ b/packages/block-library/src/tab-list/block.json @@ -55,7 +55,7 @@ }, "allowVerticalAlignment": false, "allowOrientation": false, - "allowWrap": false + "allowWrap": true }, "spacing": { "padding": true, diff --git a/packages/block-library/src/tab-list/style.scss b/packages/block-library/src/tab-list/style.scss index 506cc54abf1cab..ab61f03e1e990a 100644 --- a/packages/block-library/src/tab-list/style.scss +++ b/packages/block-library/src/tab-list/style.scss @@ -37,3 +37,11 @@ bottom: 0; } } + +.wp-block-tab-list.is-nowrap { + overflow-x: auto; + + :where(button) { + flex-shrink: 0; + } +}