title: iOS Safari flicker when scrolling
body: <p>I have a weird issue with a menu on a production site, which only happens in iOS Safari.</p>
  
  <p>You can recreate it by accessing <a href="https://www.romanianfriend.com" rel="nofollow noreferrer">https://www.romanianfriend.com</a> on an iPhone, opening the hamburger menu, then opening one of the submenus like "Top attractions in Romania" or "Romanian adventures and nature tours", and finally scrolling downwards on the menu. You will see the items of the submenu going white and then (sometimes) back again.</p>
  
  <p>You can also see a short screencast I made of the issue: <a href="https://youtu.be/aWL9IW-4Ajc" rel="nofollow noreferrer">https://youtu.be/aWL9IW-4Ajc</a></p>
  
  <p>I tried applying</p>
  
  <pre><code>-webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  </code></pre>
  
  <p>on the ul.menu-level-3 and also on div.sb-sliderbar-menu, but to no effect.</p>
  
  <p>The menu uses sliderbars.js to open and Bootstrap collapsible component for the submenu.</p>
  
  <p>Any help would be greatly appreciated.</p>