xxxxxxxxxx1
<div style="height: 100vh">2
3
</div>4
5
<div class="row">6
<div class="col-md-12 P-4 green-text">7
OK: SEARCH INPUT SHOW OK when have a disabled and selected option</label>8
</div>9
<div class="col-md-12 select-outline">10
11
<select searchable="Search here.." class="mdb-select md-form md-outline colorful-select dropdown-primary">12
<option value="" disabled selected>Choose your option</option>13
<option value="1">Option 1</option>14
<option value="2">Option 2</option>15
<option value="3">Option 3</option>16
<option value="1">Option 1</option>17
<option value="2">Option 2</option>18
<option value="3">Option 3</option>19
<option value="1">Option 1</option>20
<option value="2">Option 2</option>21
<option value="3">Option 3</option>22
<option value="1">Option 1</option>23
<option value="2">Option 2</option>24
<option value="3">Option 3</option>25
</select>26
<label>OK: Select with disabled and selected</label>27
28
</div>29
</div>30
31
<div class="row">32
<div class="col-md-12 P-4 red-text">33
ERROR: SEARCH INPUT HIDDEN ON TOP when not have a disabled and selected option</label>34
. Need scroll top top to show search input35
</div>36
<div class="col-md-12 select-outline">37
38
<select searchable="Search here.." class="mdb-select md-form md-outline colorful-select dropdown-primary">39
<option value="1">Option 1</option>40
<option value="2">Option 2</option>41
<option value="3">Option 3</option>42
<option value="1">Option 1</option>43
<option value="2">Option 2</option>44
<option value="3">Option 3</option>45
<option value="1">Option 1</option>46
<option value="2">Option 2</option>47
<option value="3">Option 3</option>48
<option value="1">Option 1</option>49
<option value="2">Option 2</option>50
<option value="3">Option 3</option>51
</select>52
<label>ERROR: Select withouT disabled and selected option</label>53
54
</div>55
</div>56
<div style="height: 100vh">57
58
</div>xxxxxxxxxx1
.dropdown-content {2
padding-top: 0 !important;3
}4
5
.select-wrapper .search-wrap {6
position: sticky;7
left: 0px;8
top: 0px;9
width: 100%;10
padding: 5px 0 !important;11
margin-left: 0 !important;12
margin-right: 0 !important;13
background-color: white;14
}xxxxxxxxxx1
// Material Select Initialization2
$(document).ready(function() {3
$('.mdb-select').materialSelect();4
}); Console errors: 0