fix(core/menu): fix firefox overflow behavior and input styling (#1339)

siemens · Jun 20, 2024 · 9e75d7b · 9e75d7b
1 parent bee3696
commit 9e75d7b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/.changeset/twenty-hornets-sort.md b/.changeset/twenty-hornets-sort.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/menu): fix firefox overflow behavior and input styling
diff --git a/packages/core/scss/components/form/_input.scss b/packages/core/scss/components/form/_input.scss
@@ -17,6 +17,7 @@
     padding: 0.25rem 0.5rem;
     background-color: var(--theme-input--background);
     color: var(--theme-input--color);
+    -moz-appearance: textfield;
     text-overflow: ellipsis;
     border: var(--theme-input--border-thickness, 1px) solid
       var(--theme-input--border-color);

diff --git a/packages/core/src/components/menu-item/menu-item.scss b/packages/core/src/components/menu-item/menu-item.scss
@@ -48,10 +48,6 @@ $menuItemPadding: 0.875rem;
     outline-offset: -1px;
   }
 
-  .tab:not(:last-child) {
-    margin-bottom: $small-space;
-  }
-
   .notification {
     display: inline-flex;
     position: absolute;

diff --git a/packages/core/src/components/menu/menu.tsx b/packages/core/src/components/menu/menu.tsx
@@ -103,6 +103,7 @@ export class Menu {
    * Menu stays pinned to the left
    */
   @Prop() pinned = false;
+
   @Watch('pinned')
   pinnedChange(newPinned: boolean) {
     if (this.applicationLayoutContext?.host === 'map-navigation') {