feat: add textarea min-lines

SimeonC · SimeonC · commit 67e360c8d41a · 2024-08-07T12:15:23.000+09:00
diff --git a/system/core/src/components/TextAreaCore.ts b/system/core/src/components/TextAreaCore.ts
@@ -22,6 +22,7 @@ export const textareaSizingStyles = css`
     & {
       field-sizing: content;
       resize: none;
+      min-height: 2lh;
     }
   }
 `;
@@ -30,6 +31,7 @@ export const textareaWrapperStyles = css`
   &[data-content]:after {
     display: block;
     content: attr(data-content) ' ';
+    min-height: 2lh;
     white-space: pre-wrap;
     visibility: hidden;
     pointer-events: none;
@@ -50,6 +52,7 @@ export const textareaWrapperStyles = css`
     }
     & > textarea {
       field-sizing: content;
+      min-height: 2lh;
     }
   }
 `;

Original file line number	Diff line number	Diff line change
@@ -22,6 +22,7 @@ export const textareaSizingStyles = css`
`22`	`22`	`& {`
`23`	`23`	`field-sizing: content;`
`24`	`24`	`resize: none;`
	`25`	`+ min-height: 2lh;`
`25`	`26`	`}`
`26`	`27`	`}`
`27`	`28`	`;
@@ -30,6 +31,7 @@ export const textareaWrapperStyles = css`
`30`	`31`	`&[data-content]:after {`
`31`	`32`	`display: block;`
`32`	`33`	`content: attr(data-content) ' ';`
	`34`	`+ min-height: 2lh;`
`33`	`35`	`white-space: pre-wrap;`
`34`	`36`	`visibility: hidden;`
`35`	`37`	`pointer-events: none;`
@@ -50,6 +52,7 @@ export const textareaWrapperStyles = css`
`50`	`52`	`}`
`51`	`53`	`& > textarea {`
`52`	`54`	`field-sizing: content;`
	`55`	`+ min-height: 2lh;`
`53`	`56`	`}`
`54`	`57`	`}`
`55`	`58`	`;