Fix Select in Firefox (#518)

* fix select items width in firefox * fix generic menu items width in firefox
ClickHouse · Jan 10, 2025 · 9333a69 · 9333a69
1 parent b3e7249
commit 9333a69
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/src/components/GenericMenu.tsx b/src/components/GenericMenu.tsx
@@ -72,6 +72,7 @@ export const Arrow = styled.svg`
 export const GenericMenuItem = styled.div`
   display: flex;
   width: 100%;
+  width: -moz-available;
   width: -webkit-fill-available;
   width: fill-available;
   width: stretch;

diff --git a/src/components/Select/common/SelectStyled.tsx b/src/components/Select/common/SelectStyled.tsx
@@ -193,7 +193,6 @@ export const HiddenSelectElement = styled.select`
 export const SelectGroupContainer = styled.div`
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
   justify-content: center;
   width: -webkit-fill-available;
   width: fill-available;