Select Issue - angular2-mdl-ext [Angular 4.0]

Question

I'm using: Angular 4.0 and for material: https://github.com/mseemann/angular2-mdl

The issue is using the Select Component, it always stay open. Doesn't look like it's the proper behaviour.

Looks like this:

Here's the Demo App:

 package:
    "@angular-mdl/core": "^4.0.3",
    "@angular-mdl/popover": "^0.6.3",
    "@angular-mdl/select": "^0.10.4",

am i doing something wrong or missing something?

score 1 · Accepted Answer · answered May 11 '17 at 22:16

You just forgot to import the Select component css.

In order to import the missing styles, you can add

@import url('https://unpkg.com/@angular2-mdl-ext/select@0.10.3/select.css');

in your main style.cssfile.

If you are using webpack & scss in your local machine, you can import them like this as well

@import '~@angular-mdl/select/select';

1 Answers1