From 2cd102e01fdef68858eed9c264a7db32df57754a Mon Sep 17 00:00:00 2001 From: "Nichols, Kieran" Date: Thu, 14 Mar 2024 10:29:23 -0400 Subject: [PATCH] fix(field): isolate stacking context --- src/lib/field-next/_core.layout.scss | 8 ++------ src/lib/field-next/_core.scss | 3 ++- src/lib/field-next/field.scss | 4 ---- 3 files changed, 4 insertions(+), 11 deletions(-) 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; - } } //