Radium: Handle (hover, active) states for touch devices.
I noticed that only mouse events are taken into account when computing states. Are there any plans to support touch?
iclanzan
All 12 comments
This is a goal, absolutely. I believe @kenwheeler had some ideas about this as well. I'd like to go over our browser state system and do some refactoring soon, so hopefully we can address this use case then.
alexlande
on 3 Mar 2015
alexlande
on 13 Mar 2015
Is this still relevant? Since we use mouseEnter and mouseDown handlers, won't the browser automatically apply these when touching? Is the goal to support faster touches, such that we don't add those handlers to avoid the delays?
ianobermiller
on 22 May 2015
I think there's some benefit in applying styles based on touch events immediately, rather than relying on the simulated :hover and etc events handled by the browser. See discussion in #86.
alexlande
on 24 May 2015
From #424:
If it detects it is on mobile, Radium should use
touchstartandtouchendto trigger active states. This would be very easy to add as a plugin. See https://github.com/FormidableLabs/radium/blob/master/src/plugins/resolve-interaction-styles-plugin.js for example.
ianobermiller
on 18 Nov 2015
I am gonna take a stab at it and see if I can get a PR
goldensunliu
on 13 Jan 2016
Sweet, thanks.
On Wed, Jan 13, 2016 at 2:07 PM Sitian Liu [email protected] wrote:
I am gonna take a stab at it and see if I can get a PR
—
Reply to this email directly or view it on GitHub
https://github.com/FormidableLabs/radium/issues/63#issuecomment-171452534
.
ianobermiller
on 16 Jan 2016
Keep in mind that many devices (such as most Chromebooks) support both touch and mouse.
iclanzan
on 20 Jan 2016
any update on this?
djorg83
on 30 Jan 2016
Any updates on this? I've been working with React + Radium in cordova lately and would love to have a way to get the states working without a stylesheet.
Thanks!
trescenzi
on 27 Jul 2016
We're planning on using generated CSS to handle pseudo-classes instead of emulating them ourselves. That's part of a larger effort to deal with a lot of issues, but it will resolve this one as well. See #788.
alexlande
on 27 Jul 2016
Also ran into this. :active state is too slow on mobile. Any updates on this?
macrozone
on 27 Nov 2016
Related issues
alphiii
·
4Comments
laurenskling
·
4Comments
hhimanshu
·
8Comments
masad-frost
·
10Comments
sunny
·
4Comments
Most helpful comment
We're planning on using generated CSS to handle pseudo-classes instead of emulating them ourselves. That's part of a larger effort to deal with a lot of issues, but it will resolve this one as well. See #788.