diff --git a/.changeset/gorgeous-apples-obey.md b/.changeset/gorgeous-apples-obey.md new file mode 100644 index 000000000..bfef99508 --- /dev/null +++ b/.changeset/gorgeous-apples-obey.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Allow flex shrinking for Item. diff --git a/src/components/content/Item/Item.tsx b/src/components/content/Item/Item.tsx index 584543ce8..3469f315a 100644 --- a/src/components/content/Item/Item.tsx +++ b/src/components/content/Item/Item.tsx @@ -217,7 +217,10 @@ const ItemElement = tasty({ 'with-description-block': 'auto auto auto', }, // Prevent items from shrinking inside vertical flex layouts (Menu, ListBox, etc) - flexShrink: 0, + flexShrink: { + '': 'initial', + 'menuitem | listboxitem': 0, + }, position: 'relative', padding: 0, margin: 0,