Fixed Arrow overlapping

[Hornstar]

The arrow is overlapping.

 

[Jeremy]

That's not how your responsive design should be showing. Are you messing with the DOM?

 

[Hornstar]

That's not how your responsive design should be showing. Are you messing with the DOM?

That's happening for me on my iPhone 5 in safari with the latest iOS.

I just took another look and now it's back to normal. But I have seen it happen a few times now. Not sure on the exact steps yet to reproduce it but it has happened several times.

 

[Hornstar]

Okay I can now reproduce this on the iPhone 5.

1. Click on home, while your phone is in landscape.
2. Click on community, while still in landscape.
3. Turn phone to portrait.

 

[Jeremy]

I think this is more of a browser issue (its not properly updating the media queries its using), than an XF issue, but Mike may be able to come up with a solution.

However, I can reproduce it.

 

[Mike]

It's actually the JS not necessarily being triggered rather than any media queries.

Can you still reproduce this? I've made some changes to the event triggering.

 

[MattW]

It's actually the JS not necessarily being triggered rather than any media queries.

Can you still reproduce this? I've made some changes to the event triggering.

Just tried and can't reproduce it following the previously mentioned steps.

 

[Hornstar]

Actually I think it is worse now. I now get this after doing my steps.

 

[Jeremy]

@Hornstar, followed your steps again and can't reproduce that.

And I eat my words. Hit back after changing from landscape to portrait and replicated the original issue.

 

[Mike]

The recalculation will also be triggered on load which should help the back button issue.