title: Prevent absolute positioned element from dragging (iOS Safari)
body: <p>Assume a simple structure like this:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
      &lt;/head&gt;
      &lt;body&gt;    
          &lt;div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"&gt;Text&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In most mobile browsers, this displays an absolute positioned text without any means of moving the element. But in Safari / iOS 9, you can drag the element vertically, similar to an overflow scrolling.</p>
  
  <p>I am aware that <code>position: fixed;</code> does not have this issue, but in my use case I definitely have to use <code>position: absolute;</code>.</p>
  
  <p>Is there any way to prevent absolute positioned elements from behaving like this in Safari?</p>