Hi everyone, I created a stepper and when I open the second step the select in it automatically opens.how can I block the auto open of my select?or is there a method that allows me to understand when my step is open? so that I can use to class on my select.code of my step is: Step 2

               <li class="step">
              <div class="step-title waves-effect waves-dark">Step 2</div>
              <div class="step-new-content">
                <div id="bodyStep2Checkout" class="mb-3">
                    <select id="single"></select>
                </div>
                 </div>
                 <div class="step-actions">
                    <button class="waves-effect waves-dark btn btn-sm btn-primary next-step">CONTINUE</button>
                    <button class="waves-effect waves-dark btn btn-sm btn-secondary previous-step">BACK</button>
                 </div>
              </div>
           </li>

javascrpit: var select = new SlimSelect({ select: '#single', showSearch: false });