OSX rendering bug: scrollbar fragments

[sgruenholz]

I've encountered an OSX version specific rendering bug where the resize sensors intermittently show visible scrollbars while the page is loading/rendering and leave behind residual fragments.

OSX 10.9.5 - does not occur in any browser
OSX 10.10.3 - reproduced in both Chrome 45.0.2454.85 and Safari 8.0.8

I was able to prevent this by setting overflow: hidden (instead of auto) on all the resize sensors. This prevents the intermittent scrollbars from rendering while still allowing the functionality of the sensors to work.

For now, I put in a css hack to stop the customer from freaking out, but it would be better to just use overflow: hidden in the inline styles (assuming there are no unintended consequences).

<style>
/* fix for OSX version specific scrollbar rendering bug */
.resize-sensor,
.resize-sensor-expand,
.resize-sensor-shrink {
  overflow: hidden !important;
}
</style>

Let me know if you want me to do a pull request.

[marcj]

Can you confirm that with this change the sensor is still working on all platform correctly?

[sgruenholz]

So far I've tested and the sensor still works with:
IE11 win8.1
IE10 win7
OSX latest versions of Chrome and Safari

[wheeler]

+1

I have had this problem too. (OSX 10.11 Chrome 47, OSX 10.11 Safari 9)

I solved the problem similarly by changing style to overflow: hidden; in resize-sensor.js. All other functionality I interact with seems to behave the same.