Re: [csswg-drafts] [selectors] Proposal for a :hover-only pseudo class (#7544)

> - I don't think it's possible to change the behavior of :hover on touch devices now. It would break existing websites which rely on the current behavior.

Yes, my proposal did not consist of that. It could be a new pseudo class.

> - The problem here is that we need a way to select more precisely when an element is hovered with a pointer, for styles that should never apply on touch devices. There is a big difference between hovering an element and holding your finger down on it, the main one (IMO) being that clicking on the target is an easy and logical next step to hovering. That is why hover styles make sense, to indicate that you can click. If an element's hover styles were triggered by holding it, you would have to first lift your finger up and then tap the element again, which isn't as intuitive.

Well, to quote myself, "Mice and fingers are different interfaces and therefore there can be different interpretations about what some states such as hover mean on touch devices."

In this case your interpretation is that the hover indicates that it can be clicked/pressed. But as I said, I think another valid interpretation could be that hover indicates that something can be clicked/pressed OR that it is being pressed/clicked.

Personally, if I press a button on my mobile I have an expectation that it will turn a slightly different color while it is being pressed.

I consider it to be feedback from the UI to the user that if he releases his finger from that position, an operation will be performed.

That said, it's also true that what I'm saying could be achieved with a combination of `:hover:active` (or `:hover-only:active` if your and Devon's interpretation prevails). Doing what I want would be a little more verbose, but possible.

Again, I don't 100% disagree with your interpretation, I just think there are two valid readings. And in a decision as important as this one, I think they should be considered and discussed.

-- 
GitHub Notification of comment by GermanJablo
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7544#issuecomment-1940276339 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 13 February 2024 02:21:13 UTC