Keyboard
Keyboard copied to clipboard
Caret duplication on readonly inputs with same initialization if acceptValid: True
Hi.
I've based on your example [https://jsfiddle.net/Mottie/24n8wsak/], but I've noticed that if I have two inputs with the same class, in this case .keyboard to initialize the keyboard, the caret is shown in both.
It happens just if the validate function returns false in any of the fields, if the validation returns true everything works as expected.
In my case i was validating the input value length > 3 in both, if my first field is valid, but the second doesn't, there is when the bug happens, showing a blinking caret in each field.
Hi @jonalxh!
Would you please update this demo to show the issue? I can't seem to reproduce it in Chrome. What browser are you seeing the issue in?
If you can't reproduce it in the fiddle, please share a screenshot and the code you're using.
Look at the demo there is not the jquery-ui.js file, but I dont know if it is the problem, I've just deleted this because it didn't let me position the keyboard div.
Thanks, I can confirm. It looks like the combination of having a readonly input and making it stayOpen is not firing all the events (hidden & inactive) as expected. It's a bit complicated so it'll take me a bit more time.