diff --git a/src/lib/field-next/_core.layout.scss b/src/lib/field-next/_core.layout.scss index 2f818a03b..870b8cc99 100644 --- a/src/lib/field-next/_core.layout.scss +++ b/src/lib/field-next/_core.layout.scss @@ -146,19 +146,15 @@ $resize-container-input-padding-block-end-base: 8px; resize: #{token(multiline-resize)}; } -@mixin resize-container-inset-input { - z-index: unset; -} - @mixin resize-container-inset-label { - z-index: 9999; + z-index: 2; pointer-events: none; inline-size: fit-content; } @mixin resize-container-inset-label-slot { display: block; - z-index: 9999; + z-index: 1; } @mixin resize-container-inset-label-background { diff --git a/src/lib/field-next/_core.scss b/src/lib/field-next/_core.scss index 48106dac4..685cc7a56 100644 --- a/src/lib/field-next/_core.scss +++ b/src/lib/field-next/_core.scss @@ -21,6 +21,7 @@ display: grid; position: relative; + isolation: isolate; } @mixin field-disabled { @@ -72,7 +73,7 @@ grid-area: center; // z-index is set to ensure the input is never rendered unclickable by the inset label - z-index: 9999; + z-index: 1; block-size: 100%; inline-size: 100%; diff --git a/src/lib/field-next/field.scss b/src/lib/field-next/field.scss index 944e7f54c..0f97b5c3b 100644 --- a/src/lib/field-next/field.scss +++ b/src/lib/field-next/field.scss @@ -491,10 +491,6 @@ $variants: ( @include core.resize-container-inset-label-background; } } - - .input { - @include core.resize-container-inset-input; - } } //