Select Picker - Can't Select an option that has no value

Expected behavior Across all of my websites I have filter forms to filter search results. I always place a -SELECT- option as the first option with no value, so a user can easilly clear his / her selection.

Since I implemented MDB, I have lost this ability.

Select an option using selected attribute (usually server side on page load taking account of new form values posted) Select an option with no value e.g. first option that just says something like --SELECT-- Option currently selected should be de-selected and the -SELECT- option should now be selected (have the selected attribute assigned)

Actual behavior You can't select an option with no value assigned. e.g. [option value='']-SELECT[/option] To clear a selected option, the only option you have is click on the x (If you configured it). Most users don't know to do this, so complain that they can de-select an option.

Resources (screenshots, code snippets etc.)

See my example of default html select and your md5 select.

I have tested this using 4.2 / 4.4 and 5.0. The same behaviour is observed in all.

See my snippet.

Option 5 is selected on load. I then click SELECT and expect to see SELECT option selected. I don't. Option 5 is still selected.

https://mdbootstrap.com/snippets/standard/richard-hetherington/4522047

<h1>Version 5.0 </h1>

MDB Select 'Without' Clear Button

--SELECT-- One Two Three Four Five Six Seven Eight

MDB Select 'With' Clear Button

--SELECT-- One Two Three Four Five Six Seven Eight

Basic HTML Select

--SELECT-- One Two Three Four Five Six Seven Eight