Skip to content

Commit

Permalink
[FIX] web: iOS content in modal disappear
Browse files Browse the repository at this point in the history
As can be seen in scottjehl/Device-Bugs#8 a
combination of "-webkit-overflow-scrolling:touch", "position:relative"
and "overflow:auto" can have unexpected behavior on iOS.

The issue solved here is that writing in a form view inside a modal in
iOS (at least version 10.3) would make the whole form body invisible
until edition is ended.

The fix is adding a CSS which avoid the iOS bug.

opw-774396
closes #20314
  • Loading branch information
nle-odoo committed Oct 19, 2017
1 parent f18f8e4 commit e28e1f1
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions addons/web/static/src/less/modal.less
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,8 @@

.modal-body {
overflow: auto;
// fix iOS issue https://github.com/scottjehl/Device-Bugs/issues/8
-webkit-transform: translate3d(0, 0, 0);
}
}
}
Expand Down

0 comments on commit e28e1f1

Please sign in to comment.