- From: Carlos Lopez via GitHub <sysbot+gh@w3.org>
- Date: Wed, 10 May 2023 21:02:43 +0000
- To: public-css-archive@w3.org
If I'm understanding this correctly, then this should be enough:
````css
textarea {
overflow-y: auto;
box-sizing: content-box;
padding-block: 16px;
block-size: min-content;
min-block-size: 1lh;
max-block-size: calc(100% - 32px);
/* https://github.com/w3c/csswg-drafts/issues/7542 */
form-sizing: normal; /* Default is auto */
}
textarea[minrows=2] { min-block-size: 2lh; }
textarea[minrows=3] { min-block-size: 3lh; }
textarea[minrows=4} { min-block-size: 4lh; }
textarea[maxrows=2] { max-block-size: 2lh; }
textarea[maxrows=3] { max-block-size: 3lh; }
textarea[maxrows=4} { max-block-size: 4lh; }
````
JS side, I assume a `CSS.supports('form-sizing', 'normal')` would suffice to skip custom sizing steps.
I believe `normal` here refers to normal editable elements and `auto` would be the "old" way?
--
GitHub Notification of comment by clshortfuse
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7542#issuecomment-1542806237 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 10 May 2023 21:02:45 UTC