diff --git a/css/style.css b/css/style.css index 167d7cd..9e1bcc7 100644 --- a/css/style.css +++ b/css/style.css @@ -1609,11 +1609,19 @@ input[type="range"]::-webkit-slider-thumb { top: 50%; transform: translateY(-50%); } -/* Multiline: pin it to the top corner, clear of the resize grip. */ +/* Multiline: pin it to the top corner, clear of the resize grip — and inside + the scrollbar, which appears as soon as the content passes the auto-grow cap. + scrollbar-gutter keeps that space reserved so the eye doesn't shift when the + scrollbar shows up. */ .so-custom-value-wrap.is-multiline .so-custom-value-eye { top: 3px; + right: 16px; transform: none; } +.so-custom-value-wrap.is-multiline > .so-input { + padding-right: 44px; + scrollbar-gutter: stable; +} /* The row menu is absolutely positioned inside its wrap; without this the slideover clips it or it lands under the next row. */ .so-custom-row .entry-kebab-wrap { position: relative; }