Using the 'in' class on a panel

[acrateau]

Hello, I have a simple one I hope.. When I use the in class on one of my custom panels, it opens with the app as expected, and closes fine. Then when I go to reopen the same panel using the dropdown, the panel immediately collapses upon opening.

Sorry if this isn't clear. Here's my code:

<div class="calcite-panels calcite-panels-right calcite-text-dark calcite-bg-light panel-group">
   <div id="panelSearchSurveys" class="panel collapse in">
            <div id="headingSearchSurveys" class="panel-heading" role="tab">
                <div class="panel-title">
                    <a class="panel-toggle collapsed" role="button" data-toggle="collapse" 
                           href="#collapseSearchSurveys" aria-expanded="false" 
                           aria-controls="collapseSearchSurveys"><span class="fas fa-compass" 
                           aria-hidden="true"></span><span class="panel-label">Search Surveys</span></a>
                    <a class="panel-close" role="button" data-toggle="collapse" tabindex="0" 
                              href="#panelSearchSurveys"><span class="esri-icon esri-icon-close" 
                              aria-hidden="true"></span></a>
                </div>
            </div>
            <div id="collapseSearchSurveys" class="panel-collapse collapse" role="tabpanel" 
                   aria-labelledby="headingSearchSurveys">
                <div class="panel-body">
                      ...```

[alaframboise]

Might want to check to see if you have two panels with in.

Otherwise pls provide a sample. Tks.

[acrateau]

Thanks Allan, I checked but only have the in class on the one panel.

The live sample also has the same behavior. If you close the About panel after it loads, and then re-open it, you'll see what I'm trying to describe.

[alaframboise]

@acrateau sorry of the delay. Fixed in v0.9.