… 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 media queries are the way to go. We have hover, pointer, any-hover and any-pointer. And then you can run those CSS media queries from JS using window.matchMedia like this: assets/javascripts/discourse/widgets/discourse-reactions-state-panel.js d231e759a if (!window.matchMedia("(hover: none)").matches) {

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 on hover (normal case) Over recognising touch devices might not be a disaster in this instance :sweat_smile: I was just hoping there was some direct Site attribute I’d missed, but I’ll look into your suggestion. A mini CSS refactor with some concatClasses looks likely though …

[תמונה] 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 > 1 || "ontouchstart" in window; Although worth noting: this logic is what caused us headaches recently. I imagine we’ll replace it with the css-media-query-based strategy in the not too distant future. (when this was written, I don’t think those media queries were widely available)

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

האם אני יכול לברר אם משהו הוא מכשיר מגע

מפתח

merefield (Robert) 19 בפברואר,‏ 2025,‏ 12:34pm 5

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

נושא		תגובות	צפיות
Tooltips not showing up on devices with touchscreen Product Support tooltips	4	832	23 בנובמבר,‏ 2021
Designing for Different Devices (Touch & Hover) Developer Guides	14	1626	25 בינואר,‏ 2026
Mobile view with touch capabilities on laptop Feature	3	1980	18 ביולי,‏ 2018
User Experience on Discourse with optional touch-input UX	19	2841	1 באפריל,‏ 2020
Displaying user card on hover UX	3	1569	6 בפברואר,‏ 2023

האם אני יכול לברר אם משהו הוא מכשיר מגע

נושאים קשורים