… in Javascript? And I don’t mean mobile, I mean any device, e.g. touch device like a tablet, where hover doesn’t make sense. Or am I forced to use CSS?

One tricky thing to consider is laptops with touch screens. In that case, the primary interaction tends to be via a mouse… even though the device technically has a touch screen. That has caused us some headaches recently with reactions :sweat_smile: But to answer your specific question: I think CSS…

yeah, good point and nice suggestion. I was trying to use theme settings to determine when some excerpts should appear over an image which is normally only shown on hover In my case, options would be: always on only on touch devices (because hover is not really available on tablets/phones) only …

[image] Robert: I was just hoping there was some direct Site attribute I’d missed The capabilities service has some properties which might help. e.g: app/assets/javascripts/discourse/app/services/capabilities.js a0e1a1216 touch = navigator.maxTouchPoints…

oooh that’s a stealthy service … not seen that much in source! :male_detective:

Can I ascertain if something is a touch device

Development

merefield (Robert) February 19, 2025, 12:34pm 5

oooh that’s a stealthy service … not seen that much in source!

Topic		Replies	Views
Tooltips not showing up on devices with touchscreen Product Support tooltips	4	817	November 23, 2021
Designing for Different Devices (Touch & Hover) Developer Guides	14	1447	January 25, 2026
Mobile view with touch capabilities on laptop Feature	3	1958	July 18, 2018
User Experience on Discourse with optional touch-input UX	19	2819	April 1, 2020
Displaying user card on hover UX	3	1546	February 6, 2023

Can I ascertain if something is a touch device

Related topics