[@mantine/core] Combobox: Fix inconsistent horizontal dropdown padding

mantinedev · Jul 13, 2024 · b27d64b · b27d64b
1 parent 200f580
commit b27d64b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -13,6 +13,7 @@ export function Usage() {
         placeholder="Select something"
         onChange={console.log}
         allowDeselect={false}
+        dropdownOpened
       />
     </div>
   );