Safari messed up? Or is it WebKit?

[Rafagon]

Look up a word on Wiktionary, then scroll up a little. Both Safari and Chrome mess up badly. No, I'm not using a beta version of iOS.

 

[cynics]

Yes, it's webkit. The webpage isn't doing it any favors though. If webkit is trying to conserve memory and maintain speed it's not always recalculating the entire page, just what you are looking at. However if the webpage has incremental layout changes from expanding portions they can cause objects to overlap.

See in the middle of your screen (kind of behind other text) where it says 'Show More" on the site? Tap on that and it should "fix" it. If not find them all and tap show more.

While you are there tap on the square with lines under it on the left side of the address bar. Tap 'Report a problem with website'. Tap "Design is broken' then tap 'items are overlapped" then 'Report'.

 

[Starfia]

Yeah, good catch. It looks like the collapsed "Derived Terms" section is rendering its overflowing content. I've tested it a few ways:

• iPhone: issue is visible
• Safari on Mac (default user agent): looks fine
• Safari on Mac (iPhone user agent): issue is visible
• Firefox on Mac (default user agent): looks fine
• Firefox on Mac (iPhone user agent): looks fine

And you've seen it in Chrome for iOS too? So it seems like it might indeed be WebKit. It's hard to tell from the code at a glance what they're doing to collapse and reveal the content – not a bad candidate for a report.

 

[Rafagon]

Yes, it's webkit. The webpage isn't doing it any favors though. If webkit is trying to conserve memory and maintain speed it's not always recalculating the entire page, just what you are looking at. However if the webpage has incremental layout changes from expanding portions they can cause objects to overlap.

See in the middle of your screen (kind of behind other text) where it says 'Show More" on the site? Tap on that and it should "fix" it. If not find them all and tap show more.

While you are there tap on the square with lines under it on the left side of the address bar. Tap 'Report a problem with website'. Tap "Design is broken' then tap 'items are overlapped" then 'Report'.

"Show More" did indeed fix it. Thank you very much. And yes, will be sending a report.