Documentation Question

Hi DDG!

I am using the inline editor and I would like for the positioning on the sticky toolbar to push up neighbouring elements (the editable) when active. Current the position is over the elements.

So far I have tried a few different approaches including rearranging the components and height variables.

The closed I got was:

div.deckgo-tools-activated {
 --deckgo-inline-editor-position: static;
}

My code arrangement is

<div style={{ 'overflow-y': 'auto', 'height': '100%' }} contenteditable class=" ion-padding">
 <div id="output-text"></div>
 </div>,
 <deckgo-inline-editor
 containers="h1,h2,h3,h4,h5,h6,div"
 sticky-desktop="true"
 sticky-mobile="true"
 img-editable="true"
 font-size="true"
 background-color="true"
 class="hydrated"
 ></deckgo-inline-editor>

Is there any easy was to do this?

My current code:
https://www.robowrite.app/output

Affected documentation page: https://docs.deckdeckgo.com/?path=/docs/components-inline-editor--inline-editor

Thanks for this great WYSIWYG editor!
Cheers, Lex