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 <[email protected]>
argyleink · Dec 23, 2024 · 7831a40 · 7831a40
1 parent 077a3a8
commit 7831a40
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/extra/normalize.src.css b/src/extra/normalize.src.css
@@ -130,14 +130,20 @@
 :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"])) {
   background-color: var(--surface-2);
   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);