Re: [csswg-drafts] [selectors-4] Issue 11: Introduce pseudo-class matching when user changed the value of an input (#1533)

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