I'm having trouble with some hover styling I'm trying to do. It works perfectly fine on 'real' input events from touch-events. The problem I'm having is when input is controlled from the software keyboard both on Android and iOS.
Visual example;
As you can see when the software keyboard is used the CSS styling is not applied on the focused element. You can see the last focused element still appears to be in focus though it is not. The input is changed not by touch but with the keyboard (the little 'next' button to the lower right). focus() on the elements is not called. Does anybody have a solution or tried something similar?
Thank you!