Material select label is not same as on Material-input

Custer pro premium priority commented 5 years ago

Yes yours looks good, because you already have chosen an option. But if the option is empty and the label is on the line, it doesn't look correctly. If you look at my snippet and you change the version to 4.8.9 then you will see the difference. Is there any workaround?

Custer pro premium priority commented 5 years ago

Here you can see the two snippets in different version. The first one is fine, and the second one is bad:

First:https://mdbootstrap.com/snippets/jquery/custer/1651338

Second:https://mdbootstrap.com/snippets/jquery/custer/1414821

lemons commented 5 years ago

You can't use empty option tags in the first place anymore.

Marta Szymanska staff pro premium commented 5 years ago

Hi,

thank you @lemons for your help. Do you need more help @Custer?

Best, Marta

Custer pro premium priority commented 5 years ago

That means you did that intentionally, that it‘s not possible to use empty option tags? Why is this not possible anymore? What‘s the sense behind that?

lemons commented 5 years ago

I don't know if this was intentionally as I am a user only too. but actually I don't see any sense in an empty option.

Custer pro premium priority commented 5 years ago

There is a sense for an empty option. If the select is an optional part of the form. Because if you chose an option, you can not go back to the empty value. That means it submits a value, even if you don‘t want to.

Custer pro premium priority commented 5 years ago

@Marta Szymanska Sry but what is the sense of the material design, label moving in and out the field, if the field should never be empty, because it looks ugly?! Sry this is no explanation for me. It‘s just a design mistake and you should fix that. In the older version it looked great and the label moved as expected. That‘s really not an acceptable answer.

Marta Szymanska staff pro premium commented 5 years ago

Hi,

our team will look at this problem, but for now, I can offer you this solution: https://mdbootstrap.com/snippets/jquery/marta-szymanska/1664605?view=side#css-tab-view.

Best, Marta

Custer pro premium priority commented 5 years ago

Hi Marta Thank you very much for the solution. Now it looks like it has to look ;) I hope it will be fixed regulary with new versions.

Best regards

Custer