title: Disable Chrome's pull-to-refresh on iPhone
body: <p>I am implementing a drawing app on my site and trying to prevent overscroll while the user draws on the canvas. Despite trying several reported solutions, I cannot disable Chrome's pull-to-refresh.</p>
  
  <p>According to <a href="https://developers.google.com/web/updates/2017/11/overscroll-behavior" rel="noreferrer">https://developers.google.com/web/updates/2017/11/overscroll-behavior</a>, the following one line of css should do the trick..yet pull-to-refresh and an annoying user experience <a href="https://i.stack.imgur.com/OLAdf.png" rel="noreferrer">persists</a>. Any ideas?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;style type="text/css"&gt;
  body {
    /* Disables pull-to-refresh but allows overscroll glow effects. */
    overscroll-behavior-y: contain;
  }
  &lt;/style&gt;
  
  &lt;body&gt;
  &lt;h1&gt;Simple Site&lt;/h1&gt;
  &lt;/body&gt;
  
  &lt;script type="text/javascript"&gt;
  &lt;/script&gt;
  
  &lt;/html&gt;
  </code></pre>