material select label and input focus

ionyx pro commented 5 years ago

Yes, it doesnt solve the issue.

I have updated: https://mdbootstrap.com/snippets/jquery/ionyx/1050164

When you load the page, the pre-selected value does not show, it only shows the label.

Also issue #2 remains, if you click on the actual text "Address 1" in the input field, there is no response from the input element, you have to click outside the "Address 1" part.

Thank you.

ionyx pro commented 5 years ago

Hi @Marta Szymanska

Thank you for that snippet, and yes, it does seem to solve those issues.

However, it does introduce another issue for the select boxes and the way the first option is setup. In previous documentation on your site, the way to set the select was: Please select

However, if you leave the "selected" in this option, any saved values and then set to selected from a saved form will never show.

So you remove the selected from the disabled first option, and a saved value will now display.

However, this causes an issue when you are creating new records and you leave the select box without selecting any new value, for an optional field.

When you submit the form, the first actual real option value is being sent to the server and then saved against the record. This will mean all optional fields will now be saving the first value from select boxes, even though on the form nothing is selected.

I'm guessing that since the first option is disabled, it is defaulting to seeing the first option with a value, even though it has not been selected.

Marta Szymanska staff pro premium commented 5 years ago

Hi,

we will look deep into this problem and try to fix this as soon as possible.

Best, Marta