From 7831a40bee324bbc0594063531bcedfe5049a56f Mon Sep 17 00:00:00 2001
From: Caleb! <48127194+kaf-lamed-beyt@users.noreply.github.com>
Date: Mon, 23 Dec 2024 21:46:36 +0100
Subject: [PATCH] chore: add field-sizing to select and textarea (#535)

* chore: add field-sizing to select and textarea

* Update src/extra/normalize.src.css

---------

Co-authored-by: Adam Argyle <argyle@google.com>
---
 src/extra/normalize.src.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/extra/normalize.src.css b/src/extra/normalize.src.css
index f1278065..87510183 100644
--- a/src/extra/normalize.src.css
+++ b/src/extra/normalize.src.css
@@ -130,6 +130,7 @@
 :where(select) {
   padding-inline: var(--size-relative-4) 0;
   padding-block: .75ch;
+  field-sizing: content;
 }
 
 :where(textarea, select, input:not([type="button"],[type="submit"],[type="reset"])) {
@@ -137,7 +138,12 @@
   border-radius: var(--radius-2);
 }
 
-:where(textarea) { resize: block }
+:where(textarea) { 
+  resize: block;
+  field-sizing: content;
+  min-inline-size: var(--size-content-1);
+  min-block-size: 2lh;
+}
 
 :where(input[type="checkbox"], input[type="radio"]) {
   block-size: var(--size-3);