Для этого есть плагин:
https://github.com/porqz/KeyboardLayoutSwitcher

Модалка не будет автоматически подстраивать размер, потому что внутри ребенок с абсолютом (выпадает из потока). Поэтому задавайте фиксированные размеры. Либо min-width//min-height.

Вам нужно использовать animation. https://developer.mozilla.org/en-US/docs/Web/Guide...

Вот пример для разборки codepen.io/hw/pen/biEBz