Hover Buttons are getting stuck in the hovered state on iOS

Button in the "Background Transitions" section are getting stuck in the hovered state unless you click in empty space: I'm not sure this is a purposeful feature. However I'd like to know how to remove this?

Dec 15 '15 05:12 razcakappa

Update: This happens only on iPad and Touch devices.

Dec 15 '15 06:12 razcakappa

It is due to the element having focus when pressed. Pressing elsewhere causes it then to lose focus. Remove the :focus selector from each effect to workaround this.

Dec 15 '15 09:12 IanLunn

@IanLunn I've removed the both :active and :focus selector and tested on iPad. However the problem was there.

Dec 15 '15 12:12 razcakappa

This is expected browser behaviour although maybe we can work around it without the use of JavaScript.

Oct 21 '16 10:10 IanLunn

Just to update on this. When you press a button on iOS it is considered as being hovered over. Pressing the button a second time applies hover again so the effect never actually stops. JavaScript would be required to work around this (probably use of the Pointer Events API, active classes, etc) which is outside of the project scope.

I may add this as an optional script in the future but for now, won't fix.

Mar 22 '17 10:03 IanLunn