From b27d64babc72a6f82384216aa8010cb395d62ad8 Mon Sep 17 00:00:00 2001 From: Vitaly Rtishchev Date: Sat, 13 Jul 2024 18:45:40 +0400 Subject: [PATCH] [@mantine/core] Combobox: Fix inconsistent horizontal dropdown padding --- .../@mantine/core/src/components/Combobox/Combobox.module.css | 4 ++++ packages/@mantine/core/src/components/Select/Select.story.tsx | 1 + 2 files changed, 5 insertions(+) diff --git a/packages/@mantine/core/src/components/Combobox/Combobox.module.css b/packages/@mantine/core/src/components/Combobox/Combobox.module.css index abd6a0c412f..b4db4fefda7 100644 --- a/packages/@mantine/core/src/components/Combobox/Combobox.module.css +++ b/packages/@mantine/core/src/components/Combobox/Combobox.module.css @@ -2,6 +2,10 @@ --combobox-padding: 4px; padding: var(--combobox-padding); + &:has([data-mantine-scrollbar]) { + padding-inline-end: 0; + } + &[data-hidden] { display: none; } diff --git a/packages/@mantine/core/src/components/Select/Select.story.tsx b/packages/@mantine/core/src/components/Select/Select.story.tsx index 987b38b7965..e08ff0f9c44 100644 --- a/packages/@mantine/core/src/components/Select/Select.story.tsx +++ b/packages/@mantine/core/src/components/Select/Select.story.tsx @@ -13,6 +13,7 @@ export function Usage() { placeholder="Select something" onChange={console.log} allowDeselect={false} + dropdownOpened /> );