Features Widget inside calcite shell panel

[LefterisKoumis]

The example for the features widget shows how the widget can be placed outside of the view inside the shell panel.

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features.html 

I don't understand why it is out of the view. If I place a shell panel on the end, it overlays the map.

https://codepen.io/lkoumis1/pen/MWzmGmx 

Why? Am I missing something?

@LaurenBoyd @KittyHurley 

[KittyHurley · Accepted solution]

@LefterisKoumis Not able to reproduce what you described in the sample, it looks like the component is displaying as "float", where content is detached.

For context, the Shell Panel has a new attribute, display-mode, which allows for some different displays for your apps. Values of display-mode include "dock" (default), "float", and "overlay". There is also a resizable attribute if interested in allowing users to resize the component's content area, which is available unless the component is set to "float". There's more detailed information on some of the layout improvements in the May 2023 summary.

The Maps SDK sample uses the "dock", or the default value, and the Shell Panel slotted in the "panel-end" could use a different display-mode, such as "overlay", where content is displayed at full height and on top of center content, such as: https://codepen.io/geospatialem/pen/LYXLzBe.

[LefterisKoumis]

Sorry it was a Friday and not thinking right. Didn't realized that I had the 

content-behind on the calcite-shell tag.