paper-fab-transitions
paper-fab-transitions copied to clipboard
Issues on mobile.
Hey GabiAxel,
I'm trying to use this for a mobile site, and I'm running into an issue with speed dial. Right now, just using chrome's dev tools to imitate mobile, when I click my dropdown trigger fab the children will appear then suddenly disappear. The transition doesn't even play (which I'm not sure if it's an issue with neon-animation, or what).
Have you run into this problem, or know if this is a known issue with any of the dependencies?
If you need any more information, let me know. Thanks.
I suggest you compare your dependencies and imports with those of the demo, which appears to work fine. If they seem to be the same, please provide a running example and I'll look into it.
Looks like it's a problem with Chrome's mobile mode emulation. I tested the same code on Chrome desktop in mobile emulation mode, which reproduced the problem you describe, and on Android, where it worked fine. I tried changing the event from "tap" to "click" ( https://github.com/GabiAxel/paper-fab-transitions/blob/master/paper-fab-speed-dial.html#L131 ), which resolved this for mobile emulation. I'll investigate further and maybe change it in the next release.
Oh hey, sorry I didn't see the first response.
Actually yeah, I ran into some tap related problems with some other components. It's looks like there is an issue with tap actually doing two inputs, but I haven't been able to find a solution to this problem. It just looked like anything that was using "on-tap" rather than "on-click" was having all sorts of issues.
I just went in and found the event listener for this and changed it to click and it appears to work more or less fine. (I'm having some issues with tooltips, which I think is completely unrelated.) I'm a little concerned that this might effect mobile use, but I haven't seen any evidence towards that.
I look forward to the update, and to see how this effects the component.
Thanks :)