Vertically stretch Drop?

Expected Behavior

Since Drop can stretch horizontally to match the width of the target, wouldn’t it be nice if it could alternatively stretch to match the height of the target? Just like the drop menu case for horizontal stretch, when the Drop is aligned to the left or right of the target, one might want it to match the height of the target.

Actual Behavior

From the component doc it seems stretch only applies horizontally.

URL, screen shot, or Codepen exhibiting the issue

To produce something like this, where the panel with messages is expanded by clicking the buttons on the left side bar and the panel matches the height of the side bar:

[Zodiase]

@IanKBovard yes in terms of size correlations. In my case the drop section is toggled on/off and hovers above something else, while the sidebar is only a small portion of the page, meaning there may be other views surrounding the sidebar. For example, A is the “sidebar”, B is the drop that conditionally opens and hovers above some of C, C is content around A:

CCCCC     CCCCC
CCACC  >  CCABC
CCACC  >  CCABC
CCACC  >  CCABC
CCCCC     CCCCC

[Zodiase]

@IanKBovard FYI I have a playground here: https://codepen.io/Zodiase/pen/07c143d67eaf3a5e8a2c9ae87ef470de I’m not using Grommet in there but I reproduced pretty much the same DOM structure as if I were using Layer. The #left-layer element is the root of the Layer. The trick I’m using to confine the layer to the vertical size of the red area is by creating a stacking context on #left-layer-container with transform: translate(0). Ideally I don’t want to use hacks like this.