search

Mottie / Keyboard

Virtual Keyboard using jQuery ~
http://mottie.github.io/Keyboard/
Other
1.78k stars 723 forks source link

Keyboard positioning #745

Closed zorgoz closed 5 years ago

zorgoz commented 5 years ago

I have made a minimal setup based on the playground: https://jsfiddle.net/wcuoLm41/7/ The problem is, that when I transfer this setup in the real environment, de keyboard is shown top-left, and not aligned to the input field. I have the same resources included (jquery.keyboard.js, keyboard-layouts-microsoft.js, bootstrap.css, jquery-ui.css and keyboard.css). I see that in jsfiddle there is top and left style property set on the keyboard div element. But not in my case. What am I missing?

Mottie commented 5 years ago

Hi @zorgoz!

The keyboard relies on jQuery UI position utility to position the keyboard (and autocomplete popup). I've created a minified custom build using their download builder for the main demo; but it hasn't been updated to work with the latest versions of jQuery.

Alternatively, you can use the provided basic dark or basic light theme which uses CSS to position the keyboard at the bottom center of the page.

Mottie commented 5 years ago

I added a bit more information on the FAQ page based on my above answer.

zorgoz commented 5 years ago

Thank you. I have switched to the dark theme, and it looks to be exactly what I need.