Keyboard icon indicating copy to clipboard operation
Keyboard copied to clipboard

Caret duplication on readonly inputs with same initialization if acceptValid: True

Open jonalxh opened this issue 7 years ago • 3 comments

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.

jonalxh avatar Jan 11 '18 17:01 jonalxh

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.

Mottie avatar Jan 11 '18 17:01 Mottie

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.

jonalxh avatar Jan 11 '18 19:01 jonalxh

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.

Mottie avatar Jan 11 '18 22:01 Mottie