Bug: A shell with only a contextual panel displays on the incorrect side

[driskull]

Summary

Bug: A shell with only a contextual panel displays on the incorrect side

Actual Behavior

The contextual panel appears on the left side of the shell

Expected Behavior

A user must have a primary panel. In the primary panel, they can specify a layout of trailing.

Reproduction Steps

1. Open the shell demo page
2. Remove the primary panel node

Relevant Info

[driskull]

cc @AdelheidF

[driskull]

@asangma is it a valid use case to just have a contextual panel? or should we just close this as known issue or invalid?

[driskull]

cc @kellyhutchins

[kellyhutchins]

Awesome! I'll test it out in my app

[driskull]

You'll have to wait for our next release @kellyhutchins :(

[kat10140]

I'm still seeing it on the left side @driskull :/

[driskull]

@kat10140 you must have a primary panel. In the primary panel, you can specify a layout of trailing.

[kat10140]

ok in the comment above we have:

The contextual panel should appear on the right side if just a contextual panel is used without a primary panel. 

[driskull]

Updated issue! Thanks

[kat10140]

Mines still not flip flopping 😫

[kat10140]

i see it's technically working but the styling looks wack

[driskull]

Can you replicate /demos/shell/demo-app-full-window-reversed.html?

[kat10140]

[driskull]

@kat10140 you may need to do an npm install and restart the build

[kat10140]

still doing the same weirdness 🤷🏼‍♀️

[driskull]

@kat10140 can you share the HTML you're using? Does the demo /demos/shell/demo-app-full-window-reversed.html look ok?

[kat10140]

yah it looks fine otherwise! i was deleting the contextual panel, then changing the primary panel layout property to 'trailing'

<calcite-shell-panel slot="primary-panel" layout="trailing" detached="" class="hydrated">
       ....    
 </calcite-shell-panel>

or in the reversed case, changing trailing to leading

[driskull]

If you're going to modify the layout after initialization, you'll also need to modify the action-bar to be trailing.

[kat10140]

the action bar actually automatically seems to change to"trailing" in the sense that it moves to the right (in the full window app). in the reversed, it looks fine when i just delete the contextual panel all together, everything stays put. i'll mark as verified