open
Public

I use some Buttons in my interface and when i test my software in the Android, works correct, but when i test in the IOS, don’t works correct. In the IOS i need to click twice on the button to work. Help me about this?

  1. Great question. Waiting also for answers.https://www.chicocatreeservice.com/

1 answer

Staff May 23, 2016

Hello Kássia, this is because Safari on iOS simulates the “hover” event in a special way: the first tap is taken as “hover”, while the second tap triggers the “click” event. This behavior has been introduced on this article: https://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/

Besides changing the look, the “hover” state of button is actually useless on touchscreen devices. If your GUI is dedicated on touchscreen devices, you can use the workaround below to remove the “hover” state in all button elements:

The idea is quite simple, when the first page gets loaded, find out all button elements and remove their “mouseenter” event handler, so all buttons will not have the “hover” state.

 

#1
  1. It's works! Thank you so much, Vivi!! :)

Please login or Register to Submit Answer