- From: Jeroen Zwartepoorte via GitHub <sysbot+gh@w3.org>
- Date: Wed, 02 Nov 2022 08:40:35 +0000
- To: public-css-archive@w3.org
So wanted to add my 2 cents: I just ran into a scenario where I have a FACE web component (Form Associated Custom Element) that is `required`. I want to change the styling of the component when `:invalid`, *but only* after the user has interacted with the component.
```css
:host(:invalid:user-interacted) {
border-color: red;
}
```
Btw, I am more familiar with the term `:touched` instead of `:user-interacted` (Angular & angular.js use the term "touched" for example). But perhaps touched can be confusing: it implies a user has touched (using a finger?) the component.
--
GitHub Notification of comment by jpzwarte
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1533#issuecomment-1299834358 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 2 November 2022 08:40:37 UTC