Buttons are getting stuck in the hovered state on iOS

[razcakappa]

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?

[razcakappa]

Update: This happens only on iPad and Touch devices.

[IanLunn]

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.

[razcakappa]

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

[IanLunn]

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

[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.