Release notes

This release adds requested minor features.

Changes

Features:

• Add HTML id Layout main contents #265 (MarkNijhof)

Documentation:

• Add message logging to demo 1c8ce7
• Fix obsolete v7 references bdc1f2

Full Changelog

Release notes

This release patches various bugs and regressions caused by the Elm 0.18 upgrade, and upgrades to Google MDL v1.3.0.

Migration

If you are upgrading from 8.0.0 and manually load MDL CSS, you will need swich to loading v1.3.0 CSS. See "Load CSS from HTML" in the Material.Scheme documentation.

Changes

Bugfixes:

• Grid: setting size/offset to 0 produces size/offset of 1 #241
• Textfield.value does not update for empty string #261
• Textfield label always floats if Textfield.value is set #264
• Fixed-drawer rendering error #258
• Drawer icon not vertically centered #244

Documentation fixes:

• Readme update #262 (JDReutt)

Internals & building:

• V8 upgrade and fix elm test #259 (hakonrossebo)

Full Changelog

Release notes

This release embodies a major re-working of elm-mdl internals:

Upgrade to Elm 0.18.

Many thanks to @MichaelCombs28 for providing a temporary elm-mdl upgrade fork when we were too slow to upgrade the main repo.

Elm-mdl no longer relies on Parts

We removed all dependencies on the Parts library. This change essentially does not affect the elm-mdl API. You still use the render function to construct elm-mdl widgets; you still do not have to represent them explicitly in your model.

This change puts elm-mdl in conformance with component guidelines from Elm language creators; in particular, elm-mdl no longer dispatches function values in messages.

You can observe this change by adding Debug.log msg someplace; you will then be able to see readable, serialisable elm-mdl messages in your browser's Javascript Console.

Support for arbitrary attributes and event handlers

You can now add any attribute of Html.Attributes.* to any elm-mdl widget. If you are adding event handlers, please do not use attributes from Html.Events, but use instead the ones from Material.Options. Using the latter ensures that if you are registering a handler for an event that elm-mdl also processes internally, both handlers will trigger.

This change is due to very sophisticated work by @vipentti, and relies on his Dispatch to manage multiple subscriptions to the same event.

Migration

If you are upgrading from 7.x.x, this release requires some migration. See MIGRATION.md for details.

Changes

Features:

• Arbitrary attributes and event-handler support #208 #213 #179 (vipentti)
• Support for href on buttons #201 #235 (vipentti)
• Initial implementation of Link buttons (vipentti)
• Support for expandable textfields #198 #199 (vipentti)
• Support for Elm 0.18 #253 (debois, special thanks to MichaelCombs28)
• Support input with type ‘email’ #246 (rmies)

Bugfixes:

• Layout.navigation ignores styles #232 (bparadie)
• Cannot set tabindex on Textfield #191

Documentation fixes:

• Layout's code demo mentions tabs = [] while it should be tabs = ([], []) #242
• Cards demo with wrong "Demo Source" link #238 (tiago-pereira)
• #256 broken source code link fixed #257 (swojtasiak)
• Fix source URL typo on Cards page #252 (MoonlightOwl)
• Update broken Demo link references #245 (torresmi)
• Fix error in example usage of spinner #234 (DavidDTA)
• Add a separate listing of templates #230 (hakonrossebo)
• Change links from fixed to relative #228 (hakonrossebo)
• Correct project description in USERS.md #225 (IwalkAlone)
• type alias, not type #223 (willnwhite)
• Add reference implementation and repository for Offtie.com #222 (hakonrossebo)
• Add knewter/time-tracker to USERS.md #219 (knewter)

Internals & building:

• Add a commit hook to warn on incorrect commit message #233 (hakonrossebo)
• Elm-test framework and Travis CI speed improvements #210 (hakonrossebo)

Full Changelog

Release notes

This release adds a Chip component, implements id-attribute support, and improves elm-mdl performance.

Implemented enhancements:

• Add support for Id attribute #204, PR #206 (vipentti)
• Improve Options.collect* performance #216 (debois)
• Add support for type' for Buttons. #202 (vipentti)

Closed issues:

• Warning: Toggles.checkbox will be briefly broken in Firefox 49/50 #172

Documentation fixes

• Initial FAQ template #205 (hakonrossebo)
• Added id3as/elm-spa-template to USERS.md #203 (adrianroe)
• add space to ensure proper rendering of documentation for render #200 (simonh1000)

Full Changelog

Release notes

This release updates Google MDL CSS to 1.2.0, fixes various minor bugs and exposes Card.Block.

Migration

If you are loading CSS from your own Html file, you need to load MDL 1.2.0.

If you are (a) supporting Firefox, (b) loading CSS from your own Html file, and (c) using custom blur / focus handlers on Textfield, you will need to load a polyfill. See below.

Firefox support

Firefox does not properly support focusin and focusout DOM events. This breaks Textfield's floating label (#166) and/or custom handlers for Textfield's custom event handlers (#194).

You will need a polyfill for Textfield with floating labels or custom event-handlers for blur and focus. Material.Scheme.topWithScheme loads one automatically; to load it instead from your own Html, see the demo.

We expect to remove the need for this polyfill in the next major release. See also @vipentti's comments on this issue.

We still love you, Firefox.

Changes

Features:

• Update MDL to version 1.2.0 #188 (vipentti)

Fixed bugs:

• Textfield onBlur / onFocus handlers do not repond in Firefox #194
• Multiple Layout tabs simultaneously selected #167
• Textfield has no class 'is-focused' in Firefox #166 #193 (vipentti)
• Layout.navigation ignores styles #170

Fixed Documentation:

• Lists sample is wrong for Lists.icon #171
• Typo in Icon.elm #181 (domenkozar)
• Textfield demo is now consistent with rest of the components #178 (domenkozar)
• Current example for Material.subscriptions was broken #177 (domenkozar)
• Fix URLs #176 (slegrand45)
• Usage references #185 (hakonrossebo)

Full Changelog

7.4.0

Implemented enhancements:

• Add Aria-properties to layout #51
• Add Aria-properties to Snackbar #6

Fixed bugs:

• Menu appears at incorrect position #143
• Layout does not register event "transitionend" #23

Closed issues:

• Wrong API examples in Button demo #158

Full Changelog

Minor changes

• Textfield now supports arbitrary DOM event handlers on underlying <input> element [#130]. Credit: @vipentti, #151.

Minor change

• Add Textfield option for styling underlying <input> element [#148]

Minor changes

• Add master subscriptions [#144]

Patch changes

• Fix wrong coloring for Button.plain [#138]
• Fix missing chevrons in Layout with Tabs [#137]
• Fix wrong positioning of Ripple certain cases
• Fix menu always ripple [#142]
• Fix bug in fixedDrawer / toggleDrawer interaction [#136]

Documentation / demo changes

• Fix wrong URLs [#146], credit: @slegrand45
• Fix wrong URLs [many!], credit @OvermindDL1

This release marks a substantial achievement of elm-mdl: we have now ported every component of Google's Material Design Lite!

Live demo here, package here, github here.

The release contains 6 new components: Cards, Lists, Dialog, Tabs, Sliders & Typography; a large amount of bugfixes, in particular wrt. browser compatibility; improved documentation; and substantial improvements to the demo.

The release requires minor changes to your elm-mdl boilerplate; details here.

Credits

• Rob van den Bogaard (@robvandenbogaard), new contributor. Cards component. Rob created a very neat API for Cards, which in turn inspired the Dialog API.
• Håkon Rossebø (@hakonrossebo), regular contributor. Lists component. Håkon paved the way for solving some thorny issues in finding a good API for lists, the upstream API of which doesn't sit so well with Elm.
• Michael Perez (@puhrez), new contributor. Dialog component. Michael took Rob's Cards API-idea and ran with it, arriving at a very neat API for Dialogs.
• Ville Penttinen (@vipentti), core contributor, commit-rights. Tabs, Sliders, and Typography components; lots of demo work; lots of bugfixes. Ville provided a remarkably high-quality sustained contribution.
• Alexander Foremny (@aforemny), core contributor, commit-rights. Bug fixes and improvements to menu. Alexander also participated crucially in discussions, taking a large part in guiding the overall direction of elm-mdl.
• Stéphane Legrand (@slegrand), new contributor. Bug-fixes for ripples, documentation improvements.
• Søren Debois (@debois), original author. Bug fixes galore; assisted on Cards, Lists, Dialogs, Menus, and Typography; lots of demo work.

Thanks to Google for making their JS/CSS MDL implementation available.

Supporting all components of Google's MDL is obviously a huge milestone for elm-mdl. I could never have reached this point by myself; I'm so happy and grateful that so many people chose to devote their time and energy to this project. So a huge thank you to all of you who contributed to elm-mdl, to this release or earlier ones:

• Core team: Alexander Foremny (@aforemny), Ville Penttinen (@vipentti)
• Component implementations: Michael Perez (@puhrez), Rob van den Bogaard (@robvandenbogaard), Håkon Rossebø (@hakonrossebo)
• Demo work, features & bug-fixes: Victor Vrantchan (@groob), @SauceWaffle, Stéphane Legrand (@slegrand), Petre Damoc (@pdamoc)
• Documentation: Janis Voigtländer (@jvoigtlaender), Rudolf Adamkovič (@salutis), Alexey Shamrin (@shamrin), Matthew Bray (@mattjbray)

Also a big thank you to all those who are using elm-mdl; who has encouraged me in the elm-slack and on elm-discuss; and who has taken the trouble to open github issues: your kindness and encouragment has been a big part in getting to this point. I want to mention in particular early adopter @groob and issue-author extraordinaire @OvermindDL1.

Thank you, all, for helping get elm-mdl this far!

Søren Debois