Loop items are not rendered correctly on a mobile phone in portrait orientation.
In the page builder I have a very interesting effect. The first item is displayed correctly. In the second item, only the ‘Read more →’ button is shifted to the right border. In the third item, both the text and the button are shifted to the right (see attached screenshot).
On a mobile phone all three items are displayed incorrectly.
It is not possible to imitate the effect in Safari for macOS. Even if the window size is reduced to the minimum width, everything is displayed correctly.
The problem is that the flex-basis on mobile is still set to 400px, and the content is clearly higher than 400px. Since Safari takes the specs very, perhaps even over-accurately, this is exactly the problem that arises. Unset the flex-basis on mobile, and you’ll be fine.
In general, you can say that 9 out of 10 problems that occur in Safari are in no way related to Bricks but are always caused by how Safari interprets the specs.
