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