Multiple Issues with Rendering on Safari iPadOS
SolAstri opened this issue · comments
I use iPadOS 14.7.1.
Page I’ve encountered issues with: https://gwern.net/Lunar-sleep
Drop Cap
Right Options Menu partially covers content
And doesn’t always work.
A content Text is outside the box it is intended to be in
Navigation is not centered
I’m not sure it’s a bug though, is it intended this way?
The dropcap looks like a bug (needs more bottom margin, perhaps?).
The theme toggle should've faded out before the two figures, so there may be a bug there. (It should have definitely faded out by the end of the page!) Tables are kinda weird, so wouldn't be surprising if a media-query or something is wrong.
Putting full-width stuff in blockquotes doesn't look great regardless so I'll simply remove the blockquotes.
By navigation not being centered, are you referring to the Disqus stuff? On a tablet, the body isn't going to have identical margins because of the sidebar at the left.
By navigation not being centered, are you referring to the Disqus stuff? On a tablet, the body isn't going to have identical margins because of the sidebar at the left.
Yes, Disqus is (maybe?) too wide compared to the content. If I'm being honest, this sidebar asymmetry just doesn't seem right to me for some strange reason. I'm not sure if there is a better way to do it, though.
Disqus is hard to style because it is a mess of dynamic JS and CSS they inject and run themselves. I don't know if we even can style it, or if we could, that it would stay styled... This is one of the reasons I've been gradually shifting over the years to thinking that I will just remove Disqus entirely.
The sidebar asymmetry doesn't bother me too much because it still feels like a book: you're reading the left page of a book. On the other hand, that may be precisely the issue (book conventions rather than Internet conventions - similar to how people dislike justified text or indented paragraphs rather than newlines); it's not like we're putting sidenotes into the margin; and maybe we should switch to mobile mode earlier than we do in terms of width, which would center it.
The theme toggle fadeout seems to be fixed.
But now it’s impossible to open any links; they open only through the “Open in new tab” context menu.
Also, it seems that the site’s navigation (the left sidebar) is now missing altogether, there is neither the compact mobile version nor the desktop one.
You've enabled reader-mode by default (note the darkened book in the toggle), so the sidebar & links are hidden.
You've enabled reader-mode by default (note the darkened book in the toggle), so the sidebar & links are hidden.
Oh, my bad, it does work, nvm then.
The dropcaps should be fixed now. I think that's everything, are any of the bugs here still active?
Let me check on the iPad, I'll reply in a few hours
seems right now, closing the issue.