NO BUG: Responsive issue on mobile landscape and mobile Breakpoints

Browser: iPhone - chrome browser
OS: Windows

Hi team,

I’m not sure if this is a problem with Bricks or the browser, but in the iPhone Chrome browser, when switching between mobile landscape and mobile Breakpoints, the screen size does not adjust automatically. After switching between these breakpoints, we need to adjust the size manually by zooming out. While there is no problem in Android browsers and even Safari.

Please view this page, which has a very simple structure, for review.

Video

Update: This happens if we first zoom in on the page once, either manually, or by clicking on an input that automatically zooms in.

Hi Hosein,
Thanks so much for your report!

It’s easy to find out if it’s a Chrome or Bricks problem: visit any other website that is not built with Bricks, like apple.com, zoom in, turn the device in landscape and back again: the result is the same, right?

Best regards,
timmse

1 Like

Hi Stefan,

Yes, Apple’s site also behaves like bricks. Before reporting this, I had checked several other sites that did not have the same problem. Because they use this meta tag.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

This solves the problem, but it breaks accessibility. So I agree that this is not a bug.

Thank you