search

djibe / material

Material Design 2 for Bootstrap 4 (active fork of Daemonite Material)
https://djibe.github.io/material/
MIT License
68 stars 11 forks source link

Selected Index overlapping with label #41

Closed gaurav2103 closed 3 years ago

gaurav2103 commented 3 years ago

image

The above image overlaps with the label when its attribute is kept as selected.

I want like the below image: image Please help.

djibe commented 3 years ago

Hi, you probably didn't initialize floating labels: $('.floating-label .custom-select, .floating-label .form-control').floatinglabel();

gaurav2103 commented 3 years ago

@djibe I have used the floating-label class with select but the label is overlapping. Actually i am loading the values in the select box onpageload with one selected option.

djibe commented 3 years ago

Hi, you see first option must be empty

https://djibe.github.io/material/docs/4.6/material/text-fields/#demo-for-floating-label-text-fields