Yes, this is very frustrating for developers who are invested in browser compatibility across the Safari browser for the millions of people using iPhones and iPads. The issue can suddenly pop up unexpectedly when everything had worked fine before.
For anyone else coming across this thread and needing a quick solution - in my case, all I had to do was:
- Change the Y position of a single element in the misbehaving group and keep within the group eg. I changed my page title from 40 to 530, pretty much below everything else but still within the group. Then hide it, eg. change to a single letter 6px transparent and hide on page load (just to be absolutely sure!) Then I renamed it ‘Stupid thing to keep for Safari’
- Create a new element eg. in my case a new page title
= Page loads just fine now on all iOS devices.