Safari / Webkit bug on iOS14.5.1 on iPhone

Question

Safari / Webkit bug on iOS14.5.1 on iPhone

Hi, today I found an issue with the lastest iOS update (14.5.1) for my iPhone 12 Pro.

While in safari, visiting a certain site (of a client) showed a page that suddenly looked broken (huge area with no visible content) where content used to be. I tried reproducing this, and it specifically only showed up broken on iOS14.5.1 Earlier versions of iOS14 did not show this issue (tested through browserstack and a family-member's device.

Eventually I tracked down the root of the issue and it had something to do with using CSS "Float" (old bootstrap website) without using "Clear:both;" or something with a similar effect afterwards.

It probably wasn't supposed to work at all before (html/css-wise) but something broke it with the most recent Safari update.

I fixed it by placing a "Clear:both" on the first element where the page broke (which was a H2 title).

Did anyone else find out similar issues with the latest iOS update, and is there anywhere else I could submit this issue for documentation?

iPhone 12 Pro

Posted on May 26, 2021 4:47 AM

Reply

Answer 1

Jeff_W.

Community Specialist

May 27, 2021 7:49 AM in response to mrcollaborator

Hi mrcollaborator,

Welcome to the Apple Support Communities!

We are happy to help with the issue you are having Safari. Have you restarted your device and tried again? You might also want to force quit Safari or clear the history. Learn how to Clear the history and cookies from Safari on your iPhone, iPad, or iPod touch here. You mentioned you tested the issue on another device running a different version of software. You might want to test second device also running the version your device is on. If the same thing still happens, it would be best to contact Apple Support here so that the issue can further be investigated.

Cheers!

Reply

Safari / Webkit bug on iOS14.5.1 on iPhone

Similar questions