title: How to get mobile virtual keyboard height size?
body: <p>I am developing a page with React.
  My code is as here <a href="https://stackoverflow.com/questions/71513013/how-to-prevent-mobile-keyboard-from-closing-when-i-click-button-in-website">How to prevent mobile keyboard from closing when I click button in website?</a></p>
  <p>basically:
  Just a list with an input field in the end for chat message and button to send it.</p>
  <p>Thing is, when virtual keyboard is showing, the last chat messages are covered by the virtual kebyoard which is not good and user doesn't understand sees last message he/she sent.</p>
  <p>Question here:
  How to understand when mobile virtual keyboard is shown, and how to get its height ?
  If I can get height, then dynamically I can set padding-bottom for my list of messages so user still sees everything</p>
  <p><a href="https://i.stack.imgur.com/ChNVp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ChNVp.png" alt="enter image description here" /></a></p>