mdb-select inside dropdown issue

Expected behavior Dropdown should not close when select option is selected Actual behavior dropdown is closed with select option is selected Resources (screenshots, code snippets etc.)

<div mdbDropdown class="dropdown">
  <button type="button" class="btn btn-light btn-floating dropdown-toggle me-2 flex-shrink-0" mdbDropdownToggle>
    <i-bs name="funnel" width="1.25rem" height="1.25rem"></i-bs>
  </button>
  <div mdbDropdownMenu class="dropdown-menu dropdown-menu-start">
    <form class="p-3">
      <div class="row g-2 mb-2">
        <label for="colFormLabel" class="col-sm-5 col-form-label pb-0 pt-0">Provider</label>
        <div class="col-sm-7">
          <mdb-form-control>
            <mdb-select class="select-sm">
              <mdb-option>Option 1</mdb-option>
              <mdb-option>Option 2</mdb-option>
              <mdb-option>Option 3</mdb-option>
            </mdb-select>
          </mdb-form-control>
        </div>
      </div>
      <div class="dropdown-divider"></div>
      <div class="d-flex justify-content-between">
        <button type="submit" class="btn btn-sm btn-light me-2">Clear filter</button>
        <!-- Submit button -->
        <button type="submit" class="btn btn-sm btn-primary">Apply Filter</button>
      </div>
    </form>
  </div>
</div>