v0.58 is out please update
There are few things that are fixed with mobile now.
This should be fixed now. Check and let me know
(Skip to the next section unless you’re really interested)
Even though you’re on Safari the cause of the real problem is IE / Edge
IE / Edge has a bug that’s caused by Microsoft’s implementation of smooth scrolling.
The background you see in Vincent is an SVG image set to
position:fixed with negative
z-index value. That’s why the posts or topics scroll but the background stays in place.
position:fixed on a separate element is much better in terms of scroll performance when compared to
background-attachment: fixed causes constant repaint on scroll. In fact, it’s such a big problem for performance that IOS devices completely ignore it.
Now, why did I write all of this? Well… because the background effect relies on negative
z-index stacking and a an element with
position:fixed and those are the two things that trigger the bug in IE / Edge
@nawthor had reported the bug before and my fix was to move from negative
z-index values to positive ones where the background is
z-index: 1 the gradient is
z-index: 2 and the element
#main sits on top at
z-index: 4 and that solved the bug for IE / Edge.
However, it must have interfered with the stacking order for modals (like the login modal) on IOS as you reported here:
So this time around I kept things separate, buggy browsers (IE / Edge) will have their own separate stacking order. This is accomplished with targeted media queries like:
@supports (-ms-ime-align: auto)
@supports (-ms-accelerator: true)
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
The rest will get the “usual” negative stacking order.
^ this is fixed (with the floating messages in v0.57)
I found that the same issue is present in the default theme, but I spent a bit of time on this whole section for mobiles.
There’s now a media query that kicks in under 400px which should also address this:
And here’s what it looks like: (how can this be improved?)
There a couple of new things as well, blockquotes (new at the top)
And also oneboxes:
Thank you for your feedback