materialize-css - npm Package Versions

Autocomplete

• Fixed bug where Autocomplete did not open properly in certain cases with keyboard focus

Carousel

• Fix noWrap option bug

Collapsible

• Now correctly removes all event listeners on destroy

Materialbox

• Destroy now removed wrapper element added during intialization

Pushpin

• Fixed bug on IE11 where class was not removed properly

Select

• No longer triggers onchange event when selecting the same option

Sidenav

• Destroy now reenables body scrolling if Sidenav was destroyed while it was open

Tabs

• Tab indicator no longer displays improperly when a scrollbar is present in the element

Autocomplete

• Added open and close methods
• Fixed bug where Autocomplete would close on click

Datepicker

• Added autoClose option

Modal

• Fixed issue with focus with nested modals

Select

• Removed active class on option elements
• Fixed bug where selected class was not properly removed on option elements

Sidenav

• Destroy method now correctly removes style property

Text Input

• Fixed bug where autofill on chrome overlapped text input

Toast

• Fixed bug where Toast did not respect inDuration option

Tooltip

• Fixed tooltip positioning bug in certain scenarios when html height was less than screen height
• Fixed bug where tooltip stayed open on click

Autocomplete

• Now uses dropdown

Carousel

• Added numVisible option

Collapsible

• Added keyboard support

Dropdown

• Fixed scrolling dropdown bug on touch devices

Javascript Initialization

• Added AutoInit function

Modals

• Focus now stays within open modal

Pickers

• Standardized action buttons to match those on android
• Added support for date and time input types
• fromnow renamed to fromNow

Select

• Dropdown scrolls to selected option

Sidenav

• Now detects vertical scrolling

Tabs

• Fixed tab preselection on swipeable tabs

TapTarget

• Reverted name change from FeatureDiscovery

Tooltips

• Added keyboard support

Badge

• Fixed display issue when used in a table

Chips

• Fixed autocomplete initialization

CSS

• Added hide and show classes for extra large breakpoint
• Added small buttons
• Fixed input helper text alignment when using prefix

Date Picker

• Fixed month and year select overflow issues
• Added additional date formatting options

Dropdown

• Added container option
• Dropdown on mobile now correctly selects the right item
• Dropdown now closes correctly on iOS devices

Materialbox

• Fixed error with photo caption
• Fixed issues caused by width and height attributes
• Fixed issues caused by max-width and max-height

Modal

• Improved support for nested modals

Parallax

• Fixed infinite loop bug

Select

• Renamed plugin class to FormSelect
• Renamed jQuery plugin to formSelect

Sidenav

• Fixed issues with draggable option when used with fixed sidenav

Time Picker

• Changed i18n options to be more consistent with date picker
• Fixed error with auto close option

Initialization code for all components changed. E.g. Changenew M.Tooltip(el, options) to M.Tooltip.init(el, options)

• This was done so that the same initialization code can be used to initialize single Elements as well as NodeLists and jQuery element objects

Added in onOpen and OnClose callbacks for appropriate plugins

Datepicker

• Destroy function added

Feature Discovery

• Added open and close callbacks

Materialbox

• Added open and close callbacks

Modal

• Added open and close callbacks for consistency
• Removed ready and complete callbacks

Parallax

• Has responsiveThreshold option
• Destroy function added

Pushpin

• added onPositionChange callback

Chips

• Fixed and standardized chips callback parameters

Datepicker

• Fixed date format option
• Scrollbar no longer unecessarily appears when using datepicker
• Fixed bug where using month and year selectors didn't change date

Dropdown

• Removed automatic focus highlight on open

Textarea

• Fixed error where text was cut off on Firefox

Tabs

• Fixed error with pure JavaScript initialization
• Fixed error where a tab with no content would break tabs

Timepicker

• Fixed error with twelveHour options

Replaced velocity.js with anime.js

Dropdown

• rewritten with classes
• Plugin is initialized on .dropdown-content instead of .dropdown-button
• Renamed classes .dropdown-button to .dropdown-trigger
• Renamed option belowOrigin to coverTrigger
• Added callbacks onOpenStart, onOpenEnd, onCloseStart, onCloseEnd
• Removed HTML attribute options
• Removed stopPropagation option
• Reworked animation

Select

• rewritten with classes
• Plugin renamed from 'material_select' to 'select'
• The select will no longer copy the class attribute on each <option> el to the <img> for the icon in the generated select.

Tabs

• rewritten with classes
• added duration option
• now requires plugin initialization
• tabs 'select_tab' method renamed to 'select'

Chips

• rewritten with classes
• changed events to callbacks
• Added limit chips option

Autocomplete

• rewritten with classes
• Added updateData method
• Added sortFunction option

Feature Discovery

• rewritten with classes
• Plugin renamed from 'tapTarget' to 'featureDiscovery'

Forms

• Added new helper text element
• Moved validation messages 'data-error' and 'data-success' to Helper Text

Pickatime

• Renamed to Timepicker
• Now opens on enter or click instead of focus
• Added open animation
• Reworked and simplified Timepicker HTML structure
• Renamed internal classes to reflect Timpicker namechange and structure rework

Floating Action Button

• Converted to plugin
• Added direction option
• Added toolbar transition option