force dom reflow after appending overflow

megankj · megankj · commit 2040f76c5f50 · 2016-12-16T17:04:44.000-08:00
iOS9 appears to have a race condition and sometimes shows the overflow
on top of the ads, even though ALL containers and iframe appear to have
the right height set .  Adding this to see if it fixes the issue.  This
doesn’t appear to be a problem for iOS10 or Android.
diff --git a/ads/google/csa.js b/ads/google/csa.js
@@ -203,6 +203,10 @@ function createOverflow(global, overflowH, fullH, container, containerH) {
   overflow.appendChild(getOverflowChevron(global));
   overflow.onclick = global.context.requestResize.bind(null, undefined, fullH);
   global.document.body.appendChild(overflow);
+  // Force DOM reflow and repaint
+  /*eslint-disable no-unused-vars*/
+  const ignore = global.document.body.offsetHeight;
+  /*eslint-enable no-unused-vars*/
   // Resize the CSA container to not conflict with overflow
   resizeCsa(container, containerH);
 }
