I have this simple app at:
https://codepen.io/lkoumis1/pen/wvxXEOX
The app works well with the reference to calcite 1.0.0-beta.97
Then, in the HTML code window if you comment out the references to calcite 1.0.0-beta.97 and uncomment the references to calcite 1.0.3, then you will notice that the Add Layer panel cannot be displayed.
Why?
Thank you.
Solved! Go to Solution.
You are using the dismissed property in JS while in the HTML you are correctly using the closed property
Changing the code in the click handler for the button to the below fixes the issue (this should toggle the panel)
if(add_layer_panel.closed){
add_layer_panel.closed = false;
basemapGallery.visible = false;
}else{
add_layer_panel.closed = true;
}
Hello,
There was a breaking change I forgot in which build, but the slot names for the panels have been changed from primary-panel and contextual-panel to panel-start and panel-end
(https://developers.arcgis.com/calcite-design-system/components/shell/#slots)
Changing the slot names should fix your problem.
Edit: The change was done in release 1.0.0 Beta 99 (https://github.com/Esri/calcite-components/releases/tag/v1.0.0-beta.99)
Thank you. I applied the changes but the issue persists.
You are using the dismissed property in JS while in the HTML you are correctly using the closed property
Changing the code in the click handler for the button to the below fixes the issue (this should toggle the panel)
if(add_layer_panel.closed){
add_layer_panel.closed = false;
basemapGallery.visible = false;
}else{
add_layer_panel.closed = true;
}