From 25d9524c6ada1e3942b46fed259fdd991996e634 Mon Sep 17 00:00:00 2001 From: Abe Jellinek Date: Fri, 26 Jan 2024 02:13:16 -0500 Subject: [PATCH] Fix `editable-text` expansion with non-overlay scrollbars on macOS (#3589) --- scss/elements/_editableText.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/scss/elements/_editableText.scss b/scss/elements/_editableText.scss index e10984985a..a7b4a4841d 100644 --- a/scss/elements/_editableText.scss +++ b/scss/elements/_editableText.scss @@ -55,7 +55,8 @@ editable-text { padding: var(--editable-text-padding-block) var(--editable-text-padding-inline); font: inherit; line-height: inherit; - color: inherit; + overflow: hidden; + scrollbar-gutter: stable; } &:not([nowrap])::after, &:not([nowrap]) .input { @@ -99,10 +100,6 @@ editable-text { } &[multiline] { - &::after, .input { - overflow-y: auto; - } - .input { min-height: 5em; } @@ -115,9 +112,12 @@ editable-text { &[hidden] { display: none; } - // Per https://stackoverflow.com/a/22700700, somehow this removes an extra half-line - // at the bottom of textarea on all platforms with non-overlay scrollbars textarea { + // Per https://stackoverflow.com/a/22700700, somehow this removes an extra half-line + // at the bottom of textarea on all platforms with non-overlay scrollbars overflow-x: hidden; + + // Match the gutters we apply to ::after + overflow-y: scroll; } }