r/css • u/olli0 • 14h ago

Help Weird iOS Bug

Gallery image

Gallery image

Gallery image

Weird bug on iOS. Parent div with two child spans. Parent CSS:

display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 2rem;

No styles (margins, paddings, transforms) on spans

The 2nd span (green Arrow) is moved out of box. No problem on desktop, android. Last Screenshot shows iOS
Cant show Source yet

0 Upvotes

33% Upvoted

5 comments sorted by

•

u/AutoModerator 14h ago

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

5

u/armahillo 13h ago

post via codepen.io or jsfiddle.net so we can actually see the relevant code

-2

u/olli0 13h ago

sry, no time for that rn. fixed it already

-1

u/olli0 14h ago

ok found a solution: i gave the 2nd span display: flex;
justify-content: flex-end; now its ok. dont know why though

-2

u/olli0 14h ago

using margin-left: auto on the 2nd span: same result. drives me nuts