Moving fixed element out of the overflow: scroll div fixes erratic behaviour

We had 2 elements which had fixed positioning.

  <iframe>
    ...
     <div class="scrollable">
       <div class="fixed">
       </div>
     </div>
    ...
  </iframe>

And while scrolling those elements where jumping eratically. And that only happened if your widget was in a scrolling iframe. The solution was quite simple, move the fixed element out of scrollable div!

  <iframe>
    ...
     <div class="scrollable">
     </div>
     <div class="fixed">
     </div>
    ...
  </iframe>

One of elements had to be inside the scrollable div, because it was part of a bigger component in React and I did not want to put it outside. This was solved easily with a Gateway/Portal https://github.com/cloudflare/react-gateway