fix(Textarea): ensure correct height based on rows for Firefox browser (

#3207)
dnbexperience · Jan 10, 2024 · 75f754e · 75f754e
1 parent 8a547ae
commit 75f754e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/__snapshots__/Textarea.test.tsx.snap b/packages/dnb-eufemia/src/components/textarea/__tests__/__snapshots__/Textarea.test.tsx.snap
@@ -217,6 +217,11 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
     background-color: var(--scrollbar-thumb-hover-color, #666);
   }
 }
+@-moz-document url-prefix() {
+  .dnb-textarea__textarea {
+    overflow-x: clip;
+  }
+}
 .dnb-textarea__input:autofill {
   box-shadow: 0 0 0 var(--border-width) var(--border-color), 0 0 0 10em var(--textarea-background-color) inset;
 }

diff --git a/packages/dnb-eufemia/src/components/textarea/style/dnb-textarea.scss b/packages/dnb-eufemia/src/components/textarea/style/dnb-textarea.scss
@@ -71,6 +71,10 @@
     @include textareaStyleCommon();
 
     @include scrollY(auto);
+
+    @include IS_FF() {
+      overflow-x: clip;
+    }
   }
 
   // change the autocomplete appearance once filled out

diff --git a/packages/dnb-eufemia/src/style/core/utilities.scss b/packages/dnb-eufemia/src/style/core/utilities.scss
@@ -248,8 +248,7 @@
 
 // Firefox fix
 @mixin IS_FF() {
-  @supports (-moz-appearance: meterbar) and
-    (background-blend-mode: difference, normal) {
+  @-moz-document url-prefix() {
     @content;
   }
 }