search

angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.29k stars 6.73k forks source link

growing modal on IOS 10 Safari doesn't lock background #6528

Open shooby opened 7 years ago

shooby commented 7 years ago

I got a modal which fits inside the height of the window. But I can also enlarge it by activating extra content in that modal so that the modal is higher than the window.

Expected result: html/body freezes and modal scrolls Received result: html/body scrolls and modal frozen

This behaviour is only on IOS Safari tested on iPad.

When in large mode of the modal and I reload the CSS via browsersync it works. What the hell is going on? Why does the body scroll on open modal anyway?

Adding position: fixed; to the body.modal-open is not an option since the page moves to the top.

Any suggestions on that?

Thx

xt0rted commented 7 years ago

There's a number of known issues with modals & safari, sounds like you might be experiencing one of them. https://github.com/twbs/bootstrap/issues/14839 http://getbootstrap.com/getting-started/#ios-text-fields-and-scrolling