Feature embedded drawer

[knownasilya]

Where it takes over the parent element instead of the full page

[josemarluedke]

This is already supported when using renderInPlace argument. https://frontile.dev/docs/overlays/drawer#api

[knownasilya]

Get this when I use that mode

[josemarluedke]

Ahh yeah, you need to add position: relative (.relative in Tailwindcss) to the parent.

[knownasilya]

Still get some weird UI issues.

<div class='flex flex-col relative'>
  <Drawer
    @renderInPlace={{true}}
    @isOpen={{this.isDrawerOpen}}
    @onClose={{set this.isDrawerOpen false}} as |d|
  >
    <d.Header
      class='flex justify-between items-center text-gray-700 text-lg p-4'
    >
      Post Settings

[josemarluedke]

Humm, this is interesting... Could it be because of the flex? I guess I need to have a reproduction to debug it.

[MichalBryxi]

I think I bumped on the same. The sidebar drawer renders completely off the screen - It's still present in the DOM, but is not visible. I can see it animating and then it disappears.

Edit: I think it is a diff between:

+   "@frontile/overlays": "^0.14.0",
-    "@frontile/overlays": "^0.13.1",

When I install back 0.13.1 the issue seems to be resolved.