michaelcombs28 / elm-mdl Goto Github PK

Hi Michael,

Just quick question:
I installed your fork and everything compiles and works.
The only problem is the mdl css is not being applied.
(The components are there, and they work, they're just not styled.)
As far as you know, do I need to link to material.min.css in the html document head?\

Thanks!

Confer https://github.com/debois/elm-parts#drawbacks

Basically, because of how elm-parts is designed, the new debugging features just don't work at all when using elm-mdl. This makes elm-mdl pretty much pointless for me.

Not sure if this is the new elm-mdl place to ask questions like these...

I've tried the following:

Textfield.render Mdl [0] model.mdl
  [ Material.Options.id "my-id" ]

The problem is that assigns my-id as the id of the wrapping <div>:

<div id="my-id" class="mdl-js-textfield mdl-textfield">
  <input class="mdl-textfield__input" type="text" style="outline: none;">
</div>

I need for the actual input element to have an id.

I am not sure what I am doing wrong, but when the fixed drawer is shown and the screen is small then the drawers is gone, but the top header stays as if the drawer is still there. After looking at the demo site and my own then the difference I see is that the class "is-small-screen" is added on resize in the demo and not in mine. I have a lot less tabs then the example but other then that it is very similar. When I add it manually the behavior is as expected.