How to stop mobile safari from setting fixed positions to absolute on input focus?
<p>Disclaimer - I understand there exists questions around fixed elements in safari, and fixed elements weren't supported, but now are and so forth. However I can't find a question that addresses this exact question. </p>

<p>Given the simplest of fixed sidebars, something like:</p>

<pre><code>.sidebar {
    position: fixed;
    top: 10px;
    right: 10px;
}
</code></pre>

<p>And a relatively long page, with input elements. </p>

<p>When an input element is focused, any fixed element becomes absolute - I understand the why, safari is trying to declutter the viewport - thats fine, but not always appropriate. I ask that I get to choose the best experience for the user (i know best naturally). </p>

<p><strong>So the Question..</strong></p>

<p>Is there any way to leave fixed elements as fixed even when input elements are focused?</p>

<p>I have attempted to do a bit of <code>$(window).on('scroll',</code> magic and position elements manually on scroll, but its quite jittery on the ipad. </p>