[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>
This commit is contained in:
Romeo Fragomeli
2019-09-13 07:07:50 +00:00
committed by Adrien Dieudonne
parent 3f401e3e2f
commit 26c62cbb44
+5
View File
@@ -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.
//