diff --git a/CHANGELOG.md b/CHANGELOG.md index efe40b0..2d42abd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,10 +1,11 @@ # Changelog ## HEAD +* Fix position of close button on small screens * Check if activeElement is available in max-width ## 1.1.5 - 05.06.2014 -* Fix position of close button on small screens +* Fix scrolling on touch devices ## 1.1.4 - 05.06.2014 * Fix max-width plugin to work on all sizes and listen to resize diff --git a/_modal-core.scss b/_modal-core.scss index 6151737..70b6e28 100644 --- a/_modal-core.scss +++ b/_modal-core.scss @@ -117,6 +117,7 @@ html { max-height: 80vh; overflow-x: hidden; overflow-y: auto; + -webkit-overflow-scrolling: touch; // This removes the scrollbar in lt IE9 @media \0screen\,screen\9 { diff --git a/build/modal.css b/build/modal.css index fa36111..cbd2fea 100644 --- a/build/modal.css +++ b/build/modal.css @@ -98,6 +98,7 @@ html { max-height: 80vh; overflow-x: hidden; overflow-y: auto; + -webkit-overflow-scrolling: touch; } @media \0screen\,screen\9 { .modal--show .modal-content { diff --git a/test/modal.css b/test/modal.css index 929824e..24d9576 100644 --- a/test/modal.css +++ b/test/modal.css @@ -123,6 +123,7 @@ html { max-height: 80vh; overflow-x: hidden; overflow-y: auto; + -webkit-overflow-scrolling: touch; } @media \0screen\,screen\9 { .modal--gallery .modal-content, .modal--fade .modal-content, .modal--plainscreen .modal-content, .modal--zoomin .modal-content, .modal--zoomout .modal-content, .modal--slidefromtop .modal-content, .modal--bouncefromtop .modal-content, .modal--bouncefromtopshaky .modal-content, .modal--show .modal-content, ._modal .modal-content {