Angular 2 Material

angular

Material Design components for Angular

Developed by Organization:angular

Used languages: TypeScript(4.59 MB), HTML(421.46 kB), CSS(358.48 kB), Python(104.18 kB), JavaScript(40.85 kB), Shell(21.92 kB)


Written Sass Less JS
Templates
Documents
Framework design material
Feature type full

Current version

7.1.0

Last release

Nov 21, 2018

Created at Jan 5, 2016

Last commit

Nov 29, 2018


Open Issues

1,397

Forks

4,225

Star

16,577

Watchers

1,184



Release Notes on November 21, 2018 for 7.1.0

Bug Fixes

  • a11y: aria-live directive announcing the same text multiple times (#13467) (a150494)
  • a11y: avoid overlapping or left over timers in live announcer (#13602) (d0f4e7b)
  • a11y: key manager preventing arrow key events with modifier keys (#13503) (1ef16ac), closes #11987 #13496
  • a11y: wrong order of constructor arguments in provider (#14078) (2fcf9e7), closes #14077
  • autocomplete: autofill value changes not being propagated to the form control (#9887) (059864d), closes #9704
  • autocomplete: not propagating same model value when reset while open (#13634) (8d98375)
  • bazel: theming bundle not exposed as sass_library (#14071) (af7a3d4)
  • bidi: preserve user dir attribute (#13859) (d94d176), closes #13855
  • breakpoints: set max-widths for breakpoints to non-integers to handle subpixel queries (#13828) (077f68e)
  • button: ripple color not correct for standard, icon and stroked buttons (#13235) (b104e75), closes #13232
  • button: stroked button crops applied badges (#13912) (4b431fe), closes #13909
  • button-toggle: content shifting in IE11 (#13492) (b3483a6)
  • button-toggle: not forwarding focus to underlying control (#14001) (81f8fb9)
  • button-toggle: remove hover state on touch devices (#13724) (a320af2)
  • button-toggle: svg icon not align inside toggle (#13839) (5851c91), closes #13726
  • button-toggle: webkit tap highlight conflicting with ripples (#13721) (efe53a0)
  • cdk-platform: pass {} to @NgModule since passing nothing breaks (#13792) (65dd75d)
  • checkbox: disabled property not being coerced (#13755) (e5fe34c), closes #13739
  • checkbox: no focus indicator in high contrast (#13255) (caf65e5), closes #13227
  • chips: disabled state not matching specs (#13272) (60e0d88)
  • chips: invalid ripple color for selected chips (#13271) (df5d18f)
  • chips: not updating keyboard controls if direction changes (#14080) (1ffa1fc)
  • chips: remove circular dependency between chip-list and chip-input (#13994) (6c741c4)
  • datepicker: don't allow clicks on disabled cells in year and multi-year views (#13448) (c15bad2)
  • datepicker: toggle not forwarding focus to underlying button (#14020) (b1d4b42)
  • datepicker: unable to disable ripple on datepicker toggle (#13997) (31bffb3), closes #13986
  • dialog,bottom-sheet: enter animation blocking child animations (#13888) (235add9), closes #13870
  • drag-drop: avoid disrupting drag sequence if event propagation is stopped (#13841) (8b2dc82)
  • drag-drop: avoid generating elements with duplicate ids (#13489) (68b53f7)
  • drag-drop: avoid interference from native drag&drop (#14054) (26d63ee)
  • drag-drop: drop list not toggling dragging class inside component with OnPush change detection (#13703) (12c15ba), closes #13680
  • drag-drop: enable drag interactions when there is a drag handle (#13780) (4ee6636), closes #13779
  • drag-drop: error if drag item is destroyed zone has stabilized (#13978) (6fe84f3)
  • drag-drop: events fired multiple times for short drag sequences on touch devices (#13135) (dc0b51a), closes #13125
  • drag-drop: ignore enter predicate when returning item to its initial container (#13972) (fa944b7)
  • drag-drop: incorrectly laying out items with different height or margins (#13849) (89701ef), closes #13483
  • drag-drop: multiple parallel drag sequences when dragging nested drag items (#13820) (436809c)
  • drag-drop: not picking up handle that isn't a direct descendant (#13360) (c38ebb6)
  • drag-drop: preserve previous inline transform (#13529) (cae16b0)
  • drag-drop: prevent mouse wheel scrolling while dragging (#13524) (cd6da93), closes #13508
  • drag-drop: use passive event listeners for start events (#13526) (280b0d6)
  • expansion-panel: don't handle enter/space if modifier is pressed (#13790) (04716b1), closes #13783
  • expansion-panel: emitting events twice on some browsers (#13600) (fa6e46d)
  • focus-trap: warn if initial element is not focusable (#13960) (27347b5), closes #13953
  • form-field: native select options blending in with dropdown background on a dark theme (#13201) (3f1e960)
  • form-field: users being able to select the hidden placeholder of disabled input (#13480) (8dc367c), closes #13479
  • grid-list: unable to assign numeric zero as gutter size (#13652) (037a746)
  • icon: account for query params when prefixing external references (#13930) (4ce5ee0), closes #13924
  • list: add ripples to action list items (#13799) (76044e8), closes #13795
  • list: remove disabled selection list hover feedback on mobile (#13850) (0589881)
  • list: selection list moving focus when an option is destroyed (#13531) (b5a0b16)
  • menu: closing parent overlay when pressing escape (#13442) (a7df1d0)
  • menu: proper focus styling when opened by tap on a touch device (#13599) (e51de15)
  • menu: unable to swap menu panel after first open (#13819) (1fb1c55), closes #13812
  • menu: use passive touch listener (#14041) (3842c8c)
  • ng-update: do not fail if @schematics/angular version is outdated (#13929) (ece6b2d)
  • ng-update: do not throw if typescript version is outdated (#13927) (eb59e56)
  • overlay: backdrop exit animation not working (#10145) (3816079)
  • overlay: provide fullscreen overlay container in root (#14091) (c55b78e)
  • portal: use portal's ComponentFactoryResolver in portal outlet directive (#13886) (99d2512), closes #12677 #9712
  • progress-bar: account for query params when prefixing references (#13942) (2290063), closes #13930
  • progress-bar: not taking current path after first initialization (#13628) (88c6548)
  • radio: don't show hover ripples on touch devices (#13701) (f230633), closes #13675
  • radio: improved alignment for native validation messages (#13570) (dd96369)
  • scrolling: leaking subscription if same element is registered multiple times (#13974) (20f8924)
  • select: don't prevent enter and space keys if a modifier is pressed (#14090) (cb56df9)
  • sidenav: opened and closed events emitting twice on IE and Edge (#13649) (beb4739)
  • slide-toggle: don't show hover ripples on touch devices (#13702) (e8f8d07), closes #13675
  • slide-toggle: no focus indication in high-contrast mode (#13287) (264f306)
  • slide-toggle: redirect focus to underlying input element (#13957) (ec4809f), closes #13953
  • slide-toggle: showing focus ripple when clicking disabled control (#14055) (9b05c3c), closes #13957
  • slide-toggle: using incorrect colors when disabled (#13444) (dd9f267)
  • slider: changing value on right click (#14083) (ed857c9)
  • slider: update value on mousedown instead of click (#13020) (861642c)
  • snack-bar: set appropriate role based on passed in politeness (#13864) (50f999b), closes #13493
  • snackbar: override min-width of snackbar on mobile (#13880) (6703605)
  • snackbar: set aria role based on if announcement message is provided (#13993) (69ffd33)
  • stepper: custom icons not centered inside circle (#12947) (87e1742)
  • stepper: don't handle enter/space when modifier key is pressed (#13827) (a9e550e), closes #13790
  • stepper: emitting the animationDone event twice on some browsers (#13608) (3ef933a), closes #13600 #13587
  • stepper: fix text contrast ratio of stepper labels (#14012) (ae5b10f)
  • stepper: incorrect border color in dark theme for header with label position (#13791) (bbeb5ef)
  • stepper: intl provider not being picked up in lazy-loaded modules (#12934) (675aa66)
  • stepper: selector assuming that there will always be a dir attribute (#13751) (d5f0f0f), closes #13741
  • stroked-button: ripples and focus overlay have incorrect radius (#13745) (4cdf5ba), closes #13738
  • table: delimit words when filtering (#13487) (2a3599e)
  • tabs: duplicate animation events on some browsers (#13674) (28e3d36)
  • tabs: mat-align-tabs not working on mat-tab-nav-bar (#13818) (8fad5d1), closes #13798
  • tabs: paginated header offset incorrect on IE (#13223) (d7a8892), closes #13217
  • text-field: autosize textarea not resizing on minRows decrease (#13437) (cfeab79)
  • tooltip: add fallback for touch devices if Hammer isn't loaded (#13580) (5d54920), closes #13536
  • virtual-scroll: not removing view from container if it's outside the template cache (#13916) (8922100), closes #13901
  • bazel support for downstream apps (#13836) (150c964)
  • material not working with ES2015 (#13709) (985774a), closes #12760 #13695
  • reference symbols for example components rather than providing a string of the component name (#13992) (d0d97c3)
  • workaround for es2015 inheritance not always working (#13834) (a22a9fa)

Features

Performance Improvements

In this page, you can compare and find Frontend framework for your development in the following categories. Best CSS frameworks to use 2017(based on current maintenance), skeleton framework to start the project immediately, grid support frameworks, material design framework, AngularJS 1 supported frontend framework, Angular 2 supported CSS framework, ReactJs supported frontend framework, metro design framework, etc...

Frameworks can compare based on filesize, currently maintained by contributors, documentation supports and etc...