Bootstrap modal not responsive in landscape mode

Hello,

Hope this is the right forum to ask.

I'm developing a web app using Angular 9.1.4. There are modals using ng-bootstrap 6.1.0.

When browsing pages using Safari in iPhone, buttons on modals work when in portrait mode but not after rotating to landscape mode. I compared CSS between portrait and landscape modes, but couldn't tell any differences.

After rotating to landscape mode, if I hit the bottom part of the screen, the bottom bar will appear, and then buttons on the modal will work.

No issues using Safari in MacBook.

Questions:
  1. What're changed when rotating from portrait to landscape mode?

  2. Any suggestions on how to make buttons work in landscape mode?

Many thanks!

Mia

Bootstrap modal not responsive in landscape mode
 
 
Q