From a7dd1991ae76a585703ee9322d4d4285f2e1ea74 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Thu, 20 Aug 2026 11:37:55 +0200 Subject: [PATCH] fix: constrain multiline input width --- styles/10-components-interactive-elements.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index 88602fe..95ca3e0 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -401,13 +401,18 @@ margin-right: var(--spacing-large); } - .sg-labeled-input-row .sg-input-single-line, - .sg-labeled-input-row .sg-input-multi-line { + .sg-labeled-input-row .sg-input-single-line { width: 100%; min-width: 0; max-width: var(--layout-form-input-field-max-width); } + .sg-labeled-input-row .sg-input-multi-line { + width: min(100%, var(--layout-input-field-max-width)); + min-width: 0; + max-width: var(--layout-input-field-max-width); + } + .sg-input-validation-stack { display: flex; flex: 1 1 auto; @@ -478,6 +483,7 @@ .sg-input-multi-line { box-sizing: border-box; + width: min(100%, var(--layout-input-field-max-width)); min-height: calc(var(--interaction-height) * 2.75); padding: var(--interaction-padding-vertical) var(--interaction-padding-horizontal); border: var(--border-control);