diff options
| author | Romeo Fragomeli <rfr@odoo.com> | 2019-09-11 13:06:37 +0000 |
|---|---|---|
| committer | Adrien Dieudonne <adr@odoo.com> | 2019-09-13 07:07:50 +0000 |
| commit | 26c62cbb4401bffb72ce77fee481ca84b77a8143 (patch) | |
| tree | 92335e7982030e168a7426ac53dbd54da71f5f56 /addons/web/static/src/scss | |
| parent | 3f401e3e2f8ad5d8b2c43ad96b331433b7b8d9a0 (diff) | |
[FIX] web: unable to scroll modal's table in Safari (iOS)
Before this commit, users wasn't able to scroll vertically
when there was "table-responsive" class on modal's table.
In fact the scroll was effective on the body and not
in the modal content.
We can fix this issue by having flex elements but as this is
a fix, we preferred to choose a one line fix solution.
Steps to reproduce :
* open Odoo in Safari (iOS)
* open Sale app
* create a new quotation
* select a customer
* select "Search More ..."
* try to scroll the table vertically (BUG)
Sources :
https://stackoverflow.com/questions/41681251/overflow-x-scroll-inside-a-fixed-div-prevents-vertical-scrolling-on-ios#comment84970666_41693350
https://stackoverflow.com/a/57566116
opw-2042095
closes odoo/odoo#36707
closes odoo/odoo#36730
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Diffstat (limited to 'addons/web/static/src/scss')
| -rw-r--r-- | addons/web/static/src/scss/modal.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/addons/web/static/src/scss/modal.scss b/addons/web/static/src/scss/modal.scss index 52c3100df31..8976dc1e6e7 100644 --- a/addons/web/static/src/scss/modal.scss +++ b/addons/web/static/src/scss/modal.scss @@ -92,6 +92,11 @@ } } +body.modal-open { + // Allow vertical scrolling in modals on iOS + -webkit-overflow-scrolling: touch; +} + // Temporary fix for modals which are not instantiated thanks to the Dialog // JS classes (deprecated case) (see bootstrap_overridden.scss) + Frontend. // |