From cf2950eef1b74c41af59283b3e7390711256a67c Mon Sep 17 00:00:00 2001 From: Marco Ciampini Date: Wed, 20 Dec 2023 11:39:56 +0100 Subject: [PATCH] DropdownMenuV2: do not collapse suffix width (#57238) * DropdownMenuV2: do not collapse suffix width * CHANGELOG --- packages/components/CHANGELOG.md | 1 + packages/components/src/dropdown-menu-v2-ariakit/styles.ts | 5 +++-- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index ecf4d3628c083..19feebd911b45 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -13,6 +13,7 @@ ### Enhancements +- `DropdownMenuV2`: do not collapse suffix width ([#57238](https://github.com/WordPress/gutenberg/pull/57238)). - `DateTimePicker`: Adjustment of the dot position on DayButton and expansion of the button area. ([#55502](https://github.com/WordPress/gutenberg/pull/55502)). - `Modal`: Improve application of body class names ([#55430](https://github.com/WordPress/gutenberg/pull/55430)). diff --git a/packages/components/src/dropdown-menu-v2-ariakit/styles.ts b/packages/components/src/dropdown-menu-v2-ariakit/styles.ts index eaa249ae86b78..ec6b2cb74d217 100644 --- a/packages/components/src/dropdown-menu-v2-ariakit/styles.ts +++ b/packages/components/src/dropdown-menu-v2-ariakit/styles.ts @@ -269,8 +269,9 @@ export const DropdownMenuItemChildrenWrapper = styled.div` `; export const ItemSuffixWrapper = styled.span` - flex: 0; - width: max-content; + flex: 0 1 fit-content; + min-width: 0; + width: fit-content; display: flex; align-items: center;