<meta name="description" content="Safari 9.1, `position: fixed` with animation fix">

<div class="questionnaire-column">

  <section>

    <h1>Safari 9.1, `position: fixed` with animation fix</h1>

    <p>

      Opening this page in Safari 9.1, will not show the "Hi I'm fixed" text in the lower-left corner.

      This is because its parent is animated, and Safari doesn't repaint the `position: fixed`-element after the animation.

    </p>

    <p>Anything that triggers a repaint (e.g. resizing the window) will make the `position: fixed`-element show up.</p>

    <p>Safari 5-8 and Safari 10 are not affected. I have not been able to test Safari 9.0</p>

    <p>

      A possible fix is to animate the `position: fixed`-element after the animation of the parent has finished.

      Example: <a href="https://jsbin.com/biqura/edit?html,css,output">https://jsbin.com/biqura/edit?html,css,output</a>

    </p>

  </section>

  <section></section>

  <section></section>

  <section></section>

  <section></section>

  <section></section>

  <section></section>

  <div id="fixed">Hi I'm fixed</div>

</div>