1

Navigate to a company's profile page in mobile Safari. Scroll down to the benefits section.

Example link to view on mobile Safari: Stack Exchange's Company Page

If there are long phrases on the right side items, the alignment is rendered as right-aligned.

Using Safari on an iPhone with IOS 8.1.2 - Dec 22 2014

enter image description here

enter image description here

enter image description here

enter image description here

Using Safari on an iPhone with IOS 8.1.1

Stack Exchange benefits

Campaign Monitor benefits

Improve this question
2
  • Can you please confirm it's not happening anymore?
    – Shadow Wizard Says No More War
    Dec 22, 2014 at 8:54
  • @shadow Updated with some recent screenshots showing misalingment in iOS 8.1.2
    – p.campbell
    Dec 22, 2014 at 16:39

2 Answers 2

Reset to default
2

This issue originates from a Mobile Safari bug.

The styles are misinterpreted in an inconsistent manner, and inspection in Mobile Safari shows incoherences, hence there is no proposed fix at this time.

Improve this answer
6
  • Hey, can you still reproduce now with iOS 8.1.2? OP and my see the issue, but Hynes doesn't.
    – Shadow Wizard Says No More War
    Dec 22, 2014 at 21:27
  • @ShadowWizard Yes, I can still repro it intermittently
    – Aurélien Gasser
    Dec 25, 2014 at 0:47
  • Weird. So you sure it's internal Safari bug, and not something in the code?
    – Shadow Wizard Says No More War
    Dec 25, 2014 at 7:42
  • Starting The safari remote debugger fixes the layout, and the inspector in this debugger shows inconsistent info (calculated style doesn't match the loaded styles). Also, the bug only appears in safari and is intermittent. With all these elements, I think it's safe to assume it'a a bug in safari
    – Aurélien Gasser
    Dec 25, 2014 at 11:56
  • Fair enough. On a hunch, I did this check and there appears to be many errors and warnings... is this normal? Maybe Safari isn't as forgiving as other browsers? (Personally I don't really use this validator)
    – Shadow Wizard Says No More War
    Dec 25, 2014 at 12:03
  • I fixed some of the css rules to be w3c compliant, although I couldn't fix all of them (there are external css, IE hacks, ...) Unfortunately, it didn't fix our problem.
    – Aurélien Gasser
    Dec 31, 2014 at 20:53
0

I cannot replicate this bug on iOS 8.1.2 Safari. The Mobile Safari bug that Aurélien mentioned has possibly been corrected.

Improve this answer
3
  • I can reproduce as well in iOS 8.1.2 Safari by clicking the sample link in the question to have it open within the app, then click the button on the bottom right, choose "Open in Safari" and then reload the page in Safari - it's OK initially, but upon reload I do get what the OP see.
    – Shadow Wizard Says No More War
    Dec 22, 2014 at 19:00
  • @ShadowWizard I did the steps you outlined. I still can't repo.
    – Hynes
    Dec 22, 2014 at 21:26
  • Weird. Wonder if Aurélien can still reproduce? (in which case status-declined might still be in order)
    – Shadow Wizard Says No More War
    Dec 22, 2014 at 21:28

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .