xxxxxxxxxx1
2
<div style="width: 50px;">3
<select class="select" id="mySelect" data-mdb-filter="true" data-mdb-container=".div-container" style="width: 300px;">4
<option value="1">One very long option text</option>5
<option value="2">Two very long option text</option>6
<option value="3">Three very long option text</option>7
<option value="4">Four very long option text</option>8
<option value="5">Five very long option text</option>9
</select> 10
</div>11
<button id="toggleMySelect" class="btn btn-primary d-block" data-mdb-toggle="mySelect">12
Toggle Select13
</button>14
15
<div class="div-container">16
17
</div>xxxxxxxxxx1
.select-dropdown-container {2
--mdb-form-outline-select-dropdown-min-width: 400px;3
}4
5
.form-outline {6
display: none;7
}xxxxxxxxxx1
const selectEl = document.getElementById('mySelect')2
const select = mdb.Select.getInstance(selectEl)3
4
document.getElementById("toggleMySelect").onclick = function () {5
select.open()6
}; Console errors: 0