Releases: angular/components
Releases · angular/components
7.0.0-beta.1
Bug Fixes
- button-toggle: underlying input not disabled when group is disabled (#11610) (bd21f21), closes #11608
- chips: default click action on chip being prevented (#12856) (ae3ce4a), closes #9032
- datepicker: allow calendar cell selection via the space key (#13098) (5c4a334)
- drag-drop: DOM element not being returned to initial container on drop (#12948) (fb7bf90), closes #12944
- drag-drop: dragging class not being applied on drop container (#12921) (ec0de52)
- drag-drop: incorrectly calculating index when sorting horizontally (#13082) (664ef4c), closes #13072
- drag-drop: incorrectly calculating pointer position inside element, in some cases (#13111) (22cd3ed), closes #13107
- drag-drop: incorrectly picking up transitions on non-transform properties (#12966) (951add9)
- drag-drop: not dropping immediately for failed drag after a successful one (#13097) (32a0010), closes #13091
- drag-drop: text selection not disabled on safari if user drags out of the viewport (#12864) (8ee5fb6)
- drawer: respect
NoopAnimationsModule
and@.disabled
binding (#12839) (23df492) - expansion: disable all animations when using NoopAnimationsModule (#12855) (3e22641), closes #10590
- form-field: don't set up mutation observer on non-outline appearances (#12976) (cbfbade)
- form-field: remove chevron from native multi-select (#13009) (b62343a)
- grid-list: better handling of negative columns (#12939) (cfb83a0)
- input: do not focus input element twice (#12851) (7d586e4), closes #12849
- ng-update: do not throw if imports without named bindings are used (#12866) (#12984) (fe64211), closes #11571
- overlay: correct misspelled flexibleDiemsions property (#12927) (5d1643a), closes #12925
- overlay: infinite loop when used together with zone-patch-rxjs (#13081) (c2e502c), closes #12686
- platform: wrap MSStream property detection as string to prevent Closure property renaming (#13117) (aef61eb), closes #12223
- portal: remove dependency on deprecated parentInjector (#12986) (f39e091)
- progress-bar: buffer background animation stuttering (#13114) (2f2e116)
- ripple: ripples not being cleared if touch sequence is canceled (#12936) (948e563)
- sidenav: not positioning correctly in rtl (#12741) (9d3d95f)
- snack-bar: dismiss snack bar on destroy (#13042) (50be24b)
- tabs: pagination state not updated when tab content changes (#12911) (a7de64a), closes #12901
- tooltip: not showing up on touch devices (#12940) (722dfb3), closes #12917
- tooltip: text fields not editable if tooltip is applied in safari (#12959) (0389d12), closes #12953
- tree: theming nested notes (#12938) (e24f24a)
- typings: update typings to support more strict typings in RxJS 6.3.2 (#12979) (0a25fca)
Features
- list: add new '' (#12415) (69fa762)
- menu: align with 2018 material design spec (#12331) (c812268)
- ng-add: add x-prompts to install schematics (#13058) (a5bc79c)
- schematics: compatibility with Angular CLI 6.2.0 (#13078) (714c205), closes /github.com/angular/angular-cli/commit/9720077a4b5ae628ddfaf5f1a26bac3b04bdf637#diff-e73df838d6700d187eff76a50c7e1c53R233 #11438
- select: align panel appearance and animation with 2018 material design spec (#12975) (18d0fa8)
- stepper: Create MAT_STEPPER_GLOBAL_OPTIONS InjectionToken (#11457) (9ab2c90)
BREAKING CHANGES
- overlay: The
flexibleDiemsions
property onCdkConnectedOverlay
has been renamed toflexibleDimensions
7.0.0-beta.0
Highlights
- Support for drag and drop in
@angular/cdk/drag-drop
! - Support for virtual scrolling in
@angular/cdk/scrolling
! - You can now use a native
<select>
element in<mat-form-field>
- Updated visuals for 2018 Material Design update (in-progress, not all components are done)
Note that schematics for v7 are still in-progress.
Bug Fixes
- autocomplete: remove aria-owns attribute while closed (#12333) (f0a0ab1), closes #12332
- autocomplete: reopening closed autocomplete when coming back to tab (#12372) (c2b488e), closes #12337
- autofill: avoid firing unnecessary event on initial render of input (#12116) (c2fc3f4)
- badge: apply view encapsulation attributes on badge element (#12870) (db1d51f)
- badge: hide badges with no content (#12239) (701a0dd)
- bidi: default invalid directionality values to ltr (#12396) (e644350)
- breakpoints: emit only one event for adjacent breakpoint changes. (#11007) (2830a64)
- button: allow for non-colored flat button (#12550) (8c08bb1)
- button: allow transition for the button focus overlay for all buttons (#12552) (a080a79)
- button-toggle: clickable area not stretching when custom width is set (#12642) (ecf8b0d), closes #8432
- button-toggle: forward tabindex to underlying button (#12538) (7dff5f8)
- button-toggle: set aria-disabled based on group disabled state (#12828) (5969523)
- card: images in title-group overlapping content (#12205) (89d16b2), closes #10031
- card: incorrectly inverting inset divider in rtl (#12285) (fba4a93)
- cdk-text-field: prevent keyframes from getting stripped by LibSass (#12567) (915590e)
- checkbox: prevent error when disabling while focused (#12327) (c4cacce), closes #12323
- chips: chip list removing focus from first chip when adding through the input (#12840) (c3b2d4f)
- chips: dynamic chip input placeholder changes not being propagated to form field (#12422) (e007c27), closes #11861
- chips: focus indication not visible in high contrast mode (#12431) (bcf4c9f)
- chips: focus not being restored correctly on chip removal when inside component with animations (#12416) (5fb338b), closes #12374
- chips: focus not restored properly if chip has been removed by click (#12788) (3da390e), closes #12416
- chips: form field not appearing as blurred when used without an input (#12858) (f82a94b)
- chips: improved image scaling in avatar (#12843) (f6e787a), closes #12660
- chips: incorrectly handling disabled state (#12659) (65ad6ab), closes #11089
- chips: losing focus if active chip is deleted (#11910) (e13bfe0)
- chips: support focusing first/last item using home/end (#11892) (3723191)
- collections: align SelectionModel to
changed
naming (#8286) (27e88c3) - datepicker: able to open from readonly input using keyboard control (#12880) (548d2b7)
- datepicker: add minDate and maxDate validation in demo-app (#12531) (2b29c93)
- datepicker: input not picking up changes if datepicker is assigned after init (#12546) (3299628)
- datepicker: multiple dialog open if the user holds down enter key (#12238) (8e63656)
- datepicker: screenreaders report editable grid cells (#12275) (a2dcf21)
- datepicker-toggle: forward tabindex to underlying button (#12461) (648eb4a), closes #12456
- expansion: respect parent accordion hideToggle binding (#12725) (9c184ea), closes #6529
- expansion-panel: elevation transition not working (#12860) (ac8ed31)
- expansion-panel: focus lost if focused element is inside closing panel (#12692) (baf6419)
- expansion-panel: implement keyboard controls (#12427) (32e5d72)
- form-field: allow for measuring outline gap when label is not in dom (#12782) (21095f5)
- form-field: legacy ripple underline jumps in edge (#12648) (70d1be8), closes #6351
- form-field: outline gap not calculated when appearance is provided through DI (#12767) (8e49388), closes #12765
- form-field: remove outline gap for empty labels (#12637) (3d4fc82)
- form-field: reset inputs not being reset on safari (#12413) (4884dac), closes #12408
- form-field: unable to distinguish disabled form field in high contrast mode (#12445) (df2b371)
- form-field: update label gap for outline style (#12555) (03527c6)
- grid-list: not picking up indirect descendants ([#12823](https://github.com/ang...
kryptonite-kombucha
Bug Fixes
- autocomplete: reopening closed autocomplete when coming back to tab (#12372) (8617423), closes #12337
- badge: apply view encapsulation attributes on badge element (#12870) (dc8cf46)
- button-toggle: clickable area not stretching when custom width is set (#12642) (70aca02), closes #8432
- button-toggle: set aria-disabled based on group disabled state (#12828) (3f67cc5)
- card: images in title-group overlapping content (#12205) (22ae587), closes #10031
- chips: chip list removing focus from first chip when adding through the input (#12840) (0e60fb8)
- chips: focus not being restored correctly on chip removal when inside component with animations (#12416) (d08d8bc), closes #12374
- chips: focus not restored properly if chip has been removed by click (#12788) (59a7f28), closes #12416
- chips: form field not appearing as blurred when used without an input (#12858) (be1ba9c)
- chips: improved image scaling in avatar (#12843) (130806b), closes #12660
- chips: incorrectly handling disabled state (#12659) (15e7f74), closes #11089
- chips: support focusing first/last item using home/end (#11892) (b735e48)
- collections: align SelectionModel to
changed
naming (#8286) (4b30539) - datepicker: multiple dialog open if the user holds down enter key (#12238) (c807d74)
- datepicker: screenreaders report editable grid cells (#12275) (3328808)
- datepicker-toggle: forward tabindex to underlying button (#12461) (09302b6), closes #12456
- expansion: respect parent accordion hideToggle binding (#12725) (803f73f), closes #6529
- expansion-panel: focus lost if focused element is inside closing panel (#12692) (3596e9d)
- expansion-panel: implement keyboard controls (#12427) (04d5955)
- form-field: allow for measuring outline gap when label is not in dom (#12782) (9579212)
- form-field: legacy ripple underline jumps in edge (#12648) (34d91c7), closes #6351
- form-field: outline gap not calculated when appearance is provided through DI (#12767) (8b9d283), closes #12765
- form-field: remove outline gap for empty labels (#12637) (a326ee0)
- grid-list: not picking up indirect descendants (#12823) (4f53e4f), closes #12809
- input: only monitor focus origin on browser platform (#11604) (a30e909)
- list: improved image scaling in avatar (#12660) (70cb0a2), closes #8131
- live-announcer: avoid triggering a reflow when reading directive content (#12638) (92f53ce)
- menu: throw better error when trying to open undefined menu (#12688) (f732059), closes #12649
- progress-bar: avoid error on SSR if pathname is undefined (#12807) (bb9cfec)
- progress-bar: generate correct url on server (#12813) (b0555b5)
- progress-bar: incorrectly handling current path when using hash location strategy (#12713) (da3b5e0), closes #12710
- ripple: don't launch ripple for fake mouse events (#11997) (266a159)
- select: pointing to non-existent element via aria-labelledby (#12411) (12c6f81), closes #12405
- select: skip disabled options when using ctrl + a (#12553) (2349166), closes #12543
- select,autocomplete: unable to set custom id on mat-option (#11573) (1f78d8a), closes #11572
- sidenav: content jumping in rtl and blurry text on IE (#12726) (81e0542), closes #10026
- slide-toggle: remove webkit tap highlight (#12708) (3ce4e8d)
- slider: thumb label blending in with background in high contrast mode (#12606) (a4a79ea)
- stepper: focus lost if focus is inside stepper while changing step (#12761) (fc537af)
- stepper: handle removing a step before the current one (#11813) (0fcdae4), closes #11791
- stepper: improved alignment for step icons (#12703) (41d0196), closes #12696
- table: errors when rendering table with sticky elements on the server (#12095) (8956d1d), closes #12094
- table: extra elements throwing off table alignment (#12645) (13f1c6e), closes #11165
- tabs: disable focus overlay for touch focus (#12249) ([d3af441](https:...
argon-aftershave
Bug Fixes
- cdk-text-field: prevent keyframes from getting stripped by LibSass (#12567) (4180e72)
- form-field: update label gap for outline style (#12555) (ffeb779)
- progress-bar: query state animation not working (#11459) (948f655), closes #11453
- selection-list: do not allow toggling disabled options (#12617) (3c1995d), closes #12608
- tabs: changed after checked error when using isActive in view (#12206) (75632bd), closes #12197
mithril-magnet
Bug Fixes
- button: allow transition for the button focus overlay for all buttons (#12552) (0a56cf7)
- button-toggle: forward tabindex to underlying button (#12538) (dcae875)
- breakpoint-observer: Emit matching state of each query provided (#12506) (cb3f760)
- datepicker: input not picking up changes if datepicker is assigned after init (#12546) (d10a6c4)
- drag-drop: add support for sorting animations (#12530) (7d0e69b)
- drag-drop: ignore self inside connectedTo (#12626) (7e7e873)
- drag-drop: remove circular dependencies (#12554) (fd70c07)
- list: disable hover styling on touch devices (#12520) (6048f6f)
- overlay: flexible overlay with push not handling scroll offset and position locking (#11628) (a192907)
- paginator: inconsistently disabling tooltips between browsers (#12539) (35bdd00)
- snackbar: wrap simple snackbar text in span (#12599) (11b97e4)
- tabs: animation running after initialization (#12549) (2798084)
- tree: include constructors on MatTree classes to allow es6 builds (#12556) (5b0eed3)
monelite-meeple
Bug Fixes
- bidi: default invalid directionality values to ltr (#12396) (58361f1)
- checkbox: prevent error when disabling while focused (#12327) (0c746c1), closes #12323
- chips: dynamic chip input placeholder changes not being propagated to form field (#12422) (5053532), closes #11861
- chips: focus indication not visible in high contrast mode (#12431) (3652707)
- drag-drop: account for transition-delay when waiting for the animation to finish (#12466) (3580fb5)
- form-field: reset inputs not being reset on safari (#12413) (952b553), closes #12408
- form-field: unable to distinguish disabled form field in high contrast mode (#12445) (212bd0b)
- live-announcer: duplicate live element when coming in from the server (#12378) (bf9bc0d), closes #11940
- menu: menu content data being cleared when lazy-loaded content is reused between nested triggers (#12476) (747231a), closes #12467
- slide-toggle: prevent error when disabling while focused (#12325) (80f6929), closes #12323
- table: error if row definition is on an ng-container (#12462) (39d40f3), closes #12460
Performance Improvements
chalk-window
Bug Fixes
- autocomplete: remove aria-owns attribute while closed (#12333) (2122b18), closes #12332
- card: incorrectly inverting inset divider in rtl (#12285) (8a2dc60)
- progress-bar: query animation not working inside routes with named outlets (#12350) (0c526d3), closes #12014 #12338
- snack-bar: prevent content from overriding configured aria-live message (#12294) (b46689e)
- ng-update: support parenthesized directive metadata (#12314) (66416f5)
Performance Improvements
elm-electrode
Bug Fixes
- autofill: avoid firing unnecessary event on initial render of input (#12116) (1fb1fab)
- badge: hide badges with no content (#12239) (1e847f1)
- chips: losing focus if active chip is deleted (#11910) (646e378)
- drag-drop: disable text selection on draggable element (#12204) (7a04609)
- drag-drop: make
CDK_DROP_CONTAINER
public (#12214) (b9cece4) - drag-drop: unable to drag last item back into initial container (#12261) (3e0e3c5)
- menu: collapse empty menu panel (#12211) (aed3993)
- menu: focus indication not visible in high contrast mode (#12201) (6fb6216)
- menu: showing scrollbars on first open in Edge if item width is set (#12141) (ff53295)
- moment-date-adapter: not returning utc date when parsing (#12029) (0304ac1)
- overlay: avoid same overlay being added to the keyboard event stack multiple times (#12222) (e587f4b)
- ripple: don't hide directive host in high contrast (#12168) (efedc9b)
- schematics: fix object iteration error in dashboard (#12216) (f2acb51)
- slide-toggle: invert the thumb and slide gesture in rtl (#12284) (fe193f5)
- tab-group: focus change event not firing for keyboard navigation (#12192) (48ece27)
- table: unable to sort large numbers in strings (#12052) (dd31521)
- tabs: content animation in RTL not working (chrome) (#12215) (f700897)
- tabs: enable keyboard wrapping and mark disabled tabs (#12218) (0e03aae)
- tabs: reposition tab body on direction change (#12229) (4ac1be3)
- tabs: ripple overflow in internet explorer (#12036) (09f439a)
- tabs: selectedIndex being overwritten if tabs are being added / removed (#12245) (641ec85)
- tooltip: interfering with native drag&drop (#12200) (8a4f2c3)
dimeritium-dandelion
Bug Fixes
- a11y: allow ListKeyManager wrapping to be disabled (#11920) (e9e44f6)
- a11y: clear duplicate AriaDescriber container coming in from the server (#11900) (b041f3f)
- autocomplete: don't override native autocomplete attribute (#11926) (88efb7e)
- autocomplete: error when typing in input with disabled autocomplete and no panel (#11881) (6b1a672), closes #11876
- autocomplete: reposition the panel when the amount of options changes (#4469) (2b80dbf)
- bottom-sheet: close on page navigation (#12106) (5c6f25e)
- button: don't show hover overlay on devices that don't support hovering (#12030) (947c29a), closes #12022
- button: not resetting all outlines on firefox (#11911) (85711aa)
- button: unable to set a custom tabindex on a link button (#12042) (cb6c621), closes #12041
- button-toggle: allow event bubbling for toggle button clicks (#11951) (5e16682)
- button-toggle: parent margin and padding being propagated to underlying button (#11993) (3bf10f9), closes #11976
- card: don't override vertical divider styles (#11899) (2d11588)
- checkbox: fix checkbox animation when moved between view containers (#10589) (fbccfd4)
- chips: ripples still showing up when globally disabled (#11918) (69a7f7c)
- datepicker: all cells being read out as selected (#12006) (32da038)
- datepicker: calendar input changes not being propagated on child views (#12004) (b1d4fe1), closes #11737
- datepicker: set role on datepicker popup and aria-haspopup on the datepicker toggle (#12008) (57b066a)
- datepicker: showing dot in high contrast mode after popup has closed (#12099) (6a472eb)
- expansion-panel: disable hover highlight on non-hover devices (#12080) (25eb43f), closes #12030
- focus-monitor: allow native focus options to be passed through focusVia (#11962) (4a02bb1)
- focus-origin: focus origin sometimes invalid in firefox 57 (#8669) (a1aa9e7), closes #6984
- focus-trap: not attaching correctly if element is not in the DOM on init (#7665) (d64f94d)
- form-field: clear safari autofill icons (#12137) (04934b4)
- form-field: label gap not being calculated when switching to outline dynamically (#11658) (d75fa75), closes #11653
- form-field: placeholder not hiding if
-webkit-text-fill-color
is used (#12076) (cc5dfb8), closes #12074 - icon: clearing all content when inserting a new SVG (#11956) (8280a76)
- icon: reverse for loop when removing child nodes from mat-icon (#12078) (dd6aec6)
- menu: scrollable menu not scrolled to top when opened for the first time (#11859) (742c226)
- overlay: justifyContent center ignored when direction is RTL (#11877) (415c956)
- overlay: account for virtual keyboard offset on mobile devices (#12119) (a248c18), closes #6341
- overlay: clear timeout if the backdrop transition completes early (#11938) (1a31c4e)
- overlay: don't dispatch key events to overlays that don't handle them (#11810) (c3fdc32)
- overlay: remove panelClass when the overlay is detached (#12142) (79bacf2), closes #12099
- progress-bar: query animation not working on safari (#12014) (49119ed)
- progress-spinner: circle not rendering correctly when switching modes in Safari (#12151) (623cd3d), closes #12140
- radio: circle not being greyed out when disabled (#12127) (85b8f32), closes #12125
- ripple: remove webkit touch highlights from ripple containers (#12082) (8e2ff1f)
- schematic: parse5 v5.0.0 requires different parse options (#12028) (118344e), closes #12027
- schematics: add parse5 dep (#11647) (2330c8b)
- select: blank option label throwing off alignment (#11994) (45b949a), closes #11969
- select: not resuming keyboard selection after clicking on single-select option (#11882) (195665f)
- select: reset option being marked as selected (#11934) (d88e021)
- select: support ctrl+a shortcut for multi-select (#11799) (d5de711)
- selection-list: disabling list doesn't disable ripples of options (#11955) (d3212a6)
- selection-list: form control disable locks disabled property (#12113) (fcc8875), closes #12107
- sidenav: continuously hitting zone when using autosize option ([#12067](https://github.com/angul...
chrome-tarantula
Highlights
- In the next minor version we will remove the beta versions of Angular 6 as valid dependency
versions. This is a change that we intended to make when moving out of beta but was accidentally
overlooked. Please note that versions prior to beta.8 don't work properly even today, as they do
not have all of the changes we depend on related to tree-shakeable providers. - We have added a cdk-experimental package for drag & drop. It's not ready for prime time yet, but
if you're feeling adventurous and want to give it a spin, feel free!