Bizarre Chrome iOS display issue

[dorcutt]

Hello all, this one has me stumped.

I've been on an epic quest to have a decent mobile display for my (HTML5 tripane) webhelp lately. I had to do a complete redesign of my CSS layout to get things to work on an iPhone to switch from fixed layout for the breadcrumbs/page footer to an absolute positioning system. So far, so good. It works in everything... except for Chrome IOs. And only the home page has this issue. And only if you click the footer.

What happens then is that my topic content iframe flashes to white, and will stay white. However, even in this one bizarre circumstance that this happens, it displays fine when you open the "hamburger" menu or change to landscape mode to force a redraw. Strangely, on a browser refresh, the topic iframe stays white.

So, I am going insane, and I have two questions:

1) Has anyone ever seen/heard of anything like this? my googling skills are getting me nowhere on something as oddly, oddly specific as this
2) Does anyone know how to force a redraw when the page footer is clicked? I could add that script to my skin's toolbar if so.

Thanks in advance.

[dorcutt]

Okay, so, I got to the bottom of this one, I think. Sharing in case anyone else comes across this craziness in the future.

Adding the following CSS to the stylesheet linked through the toolbar solved it for some reason (and also got the last of my touchscreen scrolling woes):

Code: Select all

div#contentBodyInner
  {
  /*iphone scrolling fix and Chrome white homepage fix */
  -webkit-overflow-scrolling: touch;
	overflow-y: hidden;
  }