Issue with website layout on some iOS devices


Topic: Issue with website layout on some iOS devices

ysetko pro asked 7 years ago

Hi, I have an issue at development of my website using your library 1. Popups doesn't appear to be working  (for example, login, sign up) in menu on iOS devices - http://prntscr.com/h1hl8s2. Also you can see that layout breaks on older devices http://prntscr.com/h1hlj2  , the same thing I saw when I used example of your library http://prntscr.com/h1hlr9 Do you know if these bugs will be fixed in future updates? It seems (but I am not sure) that problems are caused because of bootstrap 4 of earlier version(for example, there's absent such kind of styles: -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; this is the website where you can find issues that I am talking about is here - http://www.wdscode.guru/itrealty.git/ Thanks, waiting for your reply!

ysetko pro commented 7 years ago

Bartłomiej, one more question, what about popup, as I see it shouldn't be connected with flexbox..

Bartłomiej Malanowski staff pro premium commented 7 years ago

Modals use flexbox too

Bartłomiej Malanowski staff pro premium answered 7 years ago

I've just checked this issue. Everything is fine. It's because your emulator uses an old version of iOS that doesn't support flexbox. Try to upgrade your iOS to 10+

ysetko pro commented 7 years ago

Hi Bartłomiej, thanks for your answer. Can you tell me if support there will be support for old versions in future after some update?

Bartłomiej Malanowski staff pro premium commented 7 years ago

we cannot provide full support for older versions of browsers. It's because Bootstrap doesn't support some features like flexbox

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No