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 index 904727c0251..26e4e57b59d 100644 --- 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 index 3b20b1a24ad..e99db98dea7 100644 --- 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 index dbfabf6b9a1..041002ffbd5 100644 --- 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; } }