Question about positioning for inline editor menu #1251

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