Feature request: 'Input Type' condition

I’d like to suggest adding a Cornerstone Condition to detect touch-first devices.

Currently we can target breakpoints, but there is no built-in way to react to the interaction type of the device (touch vs mouse).

I did some research and a reliable way to detect touch-first devices seems to be a CSS media query like:
@media (hover: none) and (pointer: coarse)

A condition would be very useful to show hover-based UI elements, that show up on desktop, but are not revealed on mobile devices.

A possible condition could be something like:
Input Type → Touch Primary

Thanks for considering it!

2 Likes

That would be a frontend condition which we don’t have a system for currently. I can hook into this WordPress function to create a condition, which I’ve been wanting to do for a while. I’ll start there and then we’ll try to start on a frontend system. Have a great day.

2 Likes