CODEWITHSUNDEEP
htmlangularjsangular-material
Flash
Flash

Reputation: 1014

Angular Material md-select

For some reason when I use the md-select the floating label doesn't work and the label shows way below the md select.

I used Angular Material site as a reference: https://material.angularjs.org/latest/demo/select

And here is my code:

   <md-input-container>
                    <label>Display</label>
                    <md-select ng-model="controller.x"  multiple>
                        <md-option ng-repeat="status in controller.x">
                          <md-checkbox>{{x.display}}</md-checkbox>
                  </md-option>
                    </md-select>

Upvotes: 0

Views: 808

Answers (1)

qchap
qchap

Reputation: 345

After some test i have find two thing:

  • first your <md-checkbox class ="blue">{{status.containerStatus}}</md-checkbox> it's weird but it's maybe normal in your context I can't be sure without more information

  • Second list of checkbox seems to have some bug with old version off angular material I try with 1.1.1 and it seems to be ok (but not with 0.9.3 for example). You can find my example here in codepen

Upvotes: 1

Related Questions