Pablo Reyes Pablo Reyes - 5 months ago 22
AngularJS Question

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

I'm using: Angular 4.0 and for material:


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

Looks like this:

enter image description here

Here's the Demo App:

"@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?

Answer Source

You just forgot to import the Select component css.

In order to import the missing styles, you can add

@import url('');

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';