Materialize: When opening the modal, overflow: hidden in the body is ignored in Safari IOS

Created on 24 Jul 2018  路  2Comments  路  Source: Dogfalo/materialize

Expected Behavior


The same behavior had in Android and browsers in Windows as Google Chrome Firefox. When opening the modal the overflow in the body is hidden and can be rolled the modal without interfering in the content behind

Current Behavior


When opening Modal, overflow: hidden in body is ignored in Safari IOS. When scrolling the Modal scroll the overflow: hidden in the body is not respected thus making the navbeginning in the modal bad and confusing

Steps to Reproduce


  1. Create a modal footer with content overflow and test the scroll on iphone safari

Video and code

https://drive.google.com/file/d/13wD9YvMe4B5eq4jel0IW4-8Gg_LXCqdP/view?usp=sharing
https://drive.google.com/file/d/1uB3TdHD_FMwjoBIylQZD7VfJlwW-HMPX/view?usp=sharing

Your Environment


  • Version used: 1.0.0-rc.2
  • Browser Name and version: Safari IOS 11
  • Operating System and version (desktop or mobile): IOS11

All 2 comments

And I have not had a single answer yet!
I have other problems here, but I do not think it's worth asking!
Giving up gradually to use the Materialize CSS. 馃憥

@ReinheimerPiano Good at your decision, this librabry is work not well on mobile browser!!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MickaelH974 picture MickaelH974  路  3Comments

alexknipfer picture alexknipfer  路  3Comments

artur99 picture artur99  路  3Comments

bradley-varol picture bradley-varol  路  3Comments

ReiiYuki picture ReiiYuki  路  3Comments