Releases: angular/components
Releases · angular/components
burlap-bezel
Bug Fixes
- aria-describer: server-side rendering error during cleanup (#8903) (8a3b19e), closes #8901
- autocomplete: not implementing setDisabledState from ControlValueAccessor (#8746) (92bc503), closes #8735
- autocomplete: not resetting completely when overlay is detached externally (#8515) (a8cd033)
- autocomplete: panelClosingActions emitting twice in some cases (#8998) (4f97232)
- autocomplete: panelClosingActions emitting when tabbing away from a closed autocomplete (#8774) (92dcd76), closes #8763
- chip,stepper: compile cleanly with
"fullTemplateTypeCheck"
(#8889) (50967b6) - chips: being able to focus disabled chip by clicking (#8892) (bfd513d), closes #8883
- chips: event propagation not stopped by remove button (#8772) (c7e2d4e), closes #8771
- connected-position-strategy: allow positions to be updated after init (#8800) (b7071ba)
- datepicker: leaking backdropClick subscriptions (#8919) (3728555)
- datepicker: not resetting when detached externally (#9133) (a0bd162)
- datepicker: typo in MatMonthView export (#9055) (2250747)
- datepicker: unable to close calendar when opened on focus in IE11 (#8918) (a411382), closes #8914
- dialog: change order of button actions (#9021) (230b297)
- dialog: hide all non-overlay content from assistive technology (#9016) (d82124d), closes #7787
- dialog: improved type safety in dialog ref result (#8766) (571ef46), closes #8760
- directionality: complete dir change observable (#8874) (41f5fe2)
- drawer: infinite loop when two-way opened binding is toggled mid-animation (#8872) (7c84490), closes #8869
- drawer: margins not being updated on direction changes (#9161) (ff1c5f1), closes #9158
- drawer: unable to close using keyboard if there are no focusable elements (#8783) (fba3728)
- expansion: accordion emitting closed event while closed (#9101) (92ded30), closes #9098
- focus-trap: server-side rendering error (#9001) (c77f69f), closes #8981
- form-field: hide required asterisk if control is disabled (#8799) (1c2f6b7), closes #8251
- global-position-strategy: error if disposed before applied (#8761) (f565560), closes #8758
- icon: handle values with unnecessary spaces being passed into fontIcon and fontSet (#9056) (1a735bc), closes #9054
- icon: server-side error when registering icons (#8492) (b6da765), closes #6787
- input: align caret color with spec (#8692) (b0449ab)
- input: allow color inputs in mat-form-field (#8748) (982982b), closes #8686
- layout: handle platforms that don't support matchMedia (#8775) (4846e4c), closes #8710
- list: prevent list icon shrinking (#9211) (5737b9f), closes #8699
- menu: not closing when overlay is detached externally (#8868) (4d8c712)
- paginator: coerce string values (#8946) (0388202)
- paginator: set default display value (#8455) (bd50fa6), closes #8454
- progress-bar: animation tearing in Firefox 57 (#9123) (9e47d40), closes #7606
- select: active item not being updated on click in multiple mode (#7808) (bc27fea)
- select: alt + arrow key not opening in single-selection mode (#8910) (a4c042b)
- select: change event emitted before data binding is updated (#8740) (5819385), closes #8739
- select: complete state change event (#8777) (4f78613)
- select: handle
optionSelectionChanges
being accessed early (#8830) (97ebd76) - select: not marked as touched when clicking away (#8784) (984dece), closes #8573
- select: remove aria-owns when options aren't in the DOM (#9091) (d85c44b), closes #7023
- select: support using shift + arrow key to toggle items in a multi-select (#9037) (f82bbae)
- selection-list: allow jumping to first/last item using home/end (#9062) (bd36529)
- selection-list: allow users to jump focus to a particular item by typing (#9026) (af44b9d)
- selection-list: options not marked as selected if value is assigned too early ([#9090](https://gi...
linoleum-wormhole
Bug Fixes
- chips: being able to focus disabled chip by clicking (#8892) (3709672), closes #8883
- datepicker: typo in MatMonthView export (#9055) (b2ed137)
- dialog: hide all non-overlay content from assistive technology (#9016) (5a800d7), closes #7787
- directionality: complete dir change observable (#8874) (d0da779)
- drawer: margins not being updated on direction changes (#9161) (f81f5c7), closes #9158
- expansion: accordion emitting closed event while closed (#9101) (d61580b), closes #9098
- focus-trap: server-side rendering error (#9001) (0e8b991), closes #8981
- icon: handle values with unnecessary spaces being passed into fontIcon and fontSet (#9056) (1580861), closes #9054
- icon: server-side error when registering icons (#8492) (67ddb25), closes #6787
- input: align caret color with spec (#8692) (1c139f3)
- layout: handle platforms that don't support matchMedia (#8775) (d8ee297), closes #8710
- progress-bar: animation tearing in Firefox 57 (#9123) (1a92bca), closes #7606
- select: active item not being updated on click in multiple mode (#7808) (75eedac)
- select: not marked as touched when clicking away (#8784) (9e80179), closes #8573
- select: remove aria-owns when options aren't in the DOM (#9091) (08cb925), closes #7023
- select: support using shift + arrow key to toggle items in a multi-select (#9037) (422d753)
- selection-list: allow jumping to first/last item using home/end (#9062) (d823e4e)
- selection-list: allow users to jump focus to a particular item by typing (#9026) (99300f7)
- selection-list: options not marked as selected if value is assigned too early (#9090) (69de7df), closes #9085
- selection-list: preselected options not being added to the model value (#9116) (dfb5655)
- selection-list: remove selected option from model value on destroy (#9106) (b4fe8b3)
- stepper: completed binding not being considered when moving from a step without a stepControl (#9126) (6c2f802), closes #8110
- stepper: use up/down arrows for navigating vertical stepper (#8920) (bdc8c82)
- typography: deprecation warning if null font family is passed in (#9002) (fcaa3c4), closes #8973
Performance Improvements
concrete-aeroplane
flannel-battlestar
Bug Fixes
- aria-describer: server-side rendering error during cleanup (#8903) (b2370ce), closes #8901
- autocomplete: not implementing setDisabledState from ControlValueAccessor (#8746) (ae639da), closes #8735
- autocomplete: not resetting completely when overlay is detached externally (#8515) (8e14343)
- autocomplete: panelClosingActions emitting when tabbing away from a closed autocomplete (#8774) (3066929), closes #8763
- autosize: not updating when window is resized (#8619) (97f67c5), closes #8610
- autosize: remove resize handle (#8621) (28452ab)
- chip,stepper: compile cleanly with
"fullTemplateTypeCheck"
(#8889) (eec7c73) - chips: event propagation not stopped by remove button (#8772) (0236623), closes #8771
- connected-position-strategy: allow positions to be updated after init (#8800) (c207219)
- datepicker: leaking backdropClick subscriptions (#8919) (baf22ec)
- dialog: improved type safety in dialog ref result (#8766) (657f649), closes #8760
- drawer: infinite loop when two-way opened binding is toggled mid-animation (#8872) (241be7a), closes #8869
- drawer: unable to close using keyboard if there are no focusable elements (#8783) (9aabb14)
- global-position-strategy: error if disposed before applied (#8761) (8d79cc8), closes #8758
- input: allow color inputs in mat-form-field (#8748) (92d198b), closes #8686
- menu: not closing when overlay is detached externally (#8868) (534c797)
- overlay: export OverlaySizeConfig (#8932) (adfa31e)
- paginator: set default display value (#8455) (ccb325e), closes #8454
- portal: inaccurate hasAttahed result and portal being cleared if attached too early (#8642) (93e6c53), closes /github.com/angular/material2/blob/master/src/lib/dialog/dialog-container.ts#L118 #8628
- select: alt + arrow key not opening in single-selection mode (#8910) (85f83f9)
- select: change event emitted before data binding is updated (#8740) (2493797), closes #8739
- select: complete state change event (#8777) (46411e3)
- safety check for window in common module. (#8816) (a6cedd2), closes #8809
- select: handle
optionSelectionChanges
being accessed early (#8830) (c98321c) - select,input: inconsistent disabled text color (#7794) (4d47750), closes #7793
- selection-list: unable to select using the enter key (#8595) (c23853f), closes #8589
- slider: prevent slider thumb from getting cropped (#8061) (f33c7cf)
- tooltip: not closing when scrolling away (#8688) (e96a847)
- typography: handle inherit being set as a typography value (#8721) (e45b164), closes #8700
Performance Improvements
ceramic-gravy
Bug Fixes
- common: safety check for window in common module. (#8816) (fb9ea53), closes #8809
- autosize: not updating when window is resized (#8619) (b8664b8), closes #8610
- autosize: remove resize handle (#8621) (0d2a419)
- overlay: export OverlaySizeConfig (#8932) (a626c8f)
- portal: inaccurate hasAttahed result and portal being cleared if attached too early (#8642) (b488b39), closes /github.com/angular/material2/blob/master/src/lib/dialog/dialog-container.ts#L118 #8628
- select,input: inconsistent disabled text color (#7794) (f31be6f), closes #7793
- tooltip: not closing when scrolling away (#8688) (d5a2fca)
velvet-cuttlefish
ink-sparkler
BREAKING CHANGES
- overlay: OverlayRef.getConfig returns an immutable version of
the config object. - overlay: OverlayRef.updateSize now accepts a OverlaySizeConfig
rather than being based on the existing config object.
Features
- checkbox: Support checkbox click action config (#8521) (537b8b5)
- datepicker: add opened input binding (#8098) (2b9bc57), closes #8094
- form-field: add support for separate label and placeholder (#8223) (d6fec35), closes #6194
- ripple: handle touch events (#7927) (65cd1a1), closes #7062
- sort: add the ability to disable sort toggling (#8643) (7576a73), closes #8622
Bug Fixes
- checkbox: don't hide focus indicator on space press. (#8539) (9e35bf0)
- chip-list: fix error state changes in chip list (#8425) (d2c11ca)
- chip-list: stateChanges stream not being completed (#8636) (61dada8)
- datepicker: calendar overlapping input when in a fallback position (#8099) (e5b7afe)
- datepicker: keyboard fixes (enter matches click behavior & corre… (#7370) (0b2757c)
- datepicker: placeholder not floating when an invalid value is typed in (#8603) (f0789eb), closes #8575
- directionality: change event now emit the new value (#8424) (841f753)
- drawer: allow for drawer container to auto-resize while open (#8488) (e7b412a), closes #6743
- form-field: unable to tap on certain types of inputs on iOS (#8543) (74c1d01), closes #8001
- input: Add pure-CSS floating label logic that will work on... (#8491) (1a7a61a)
- input: stuck in focused state if disabled while in focus (#8637) (bec4cfe), closes #8634
- list: fix role for list-item (#8767) (8f7c7cf)
- menu: not closing when overlay is detached externally (#8654) (dd3094f)
- menu: Set menu-item icon color only when not set on mat-icon (#8614) (d0cb077), closes #8594
- overlay: add horizontal fallback positions to the connected overlay defaults (#8689) (e939ea7), closes #8318
- overlay: make config immutable for existing refs (#7376) (2dbc766)
- progress-spinner: value not updated while in indeterminate mode (#8269) (9b68b54)
- radio: coerce checked input binding (#8556) (f41fa8c)
- select: option not truncated correctly in multiple mode (#7857) (d04aa19)
- selection-model: inaccurate selected value when accessed in change subscription (#8599) (0f7fbda), closes #8584
- sidenav: remove min-width (#7748) (55a9f9a)
- slide-toggle: height collapsing if component doesn't have a label (#8270) (8205cb2), closes #8264
- snack-bar: not applying all panel classes in IE (#8578) (a6d0847)
- stepper: block linear stepper for pending components (#8646) (53c94c7), closes #8645
- stepper: set appropriate aria-orientation (#8657) (9582b8b)
- tabs: pagination not enabled on init on some browsers (#8104) (2c34a7e), closes #7983
- blurry ripples for slide-toggle, radio, checkbox in MS edge. (#8514) (8b7a3af), closes #8392
- tooltip: close tooltip if message is cleared while open (#8544) (d66284d)
- tooltip: unable to type in input with tooltip on iOS (#8534) (75c665a), closes #8331
wool-wish
Bug Fixes
- overlay: disposed overlays not removed from the key event stack (#8226) (461dfaf)
- tabs: fix accidentally setting
top
instead ofwidth
after removing Renderer use (#8602) (6e865b7)
Features
- The examples on material.angular.io are now opened externally via
StackBlitz instead of Plunker.
felt-photon
Bug Fixes
- autosize: incorrect height with long placeholders (#8024) (ad7cb4a), closes #8013
- cdk-observers: prevent attribute renaming in closure compilers advanced optimizations (#7894) (8dfe470)
- checkbox: Set aria-checkbox to mixed for indeterminate checkbox (#8089) (3037a90)
- chip: fix placeholder and text overlap (#8468) (81db650)
- chips: remove chip bottom margin in sibling chips (#8198) (d79903a)
- chips: use all available space for the input (#7462) (c725249)
- datepicker: add missing exportAs (#7782) (d6d9ff8)
- datepicker: correct DST issues on IE 11 (#7858) (2f2325a)
- datepicker: correct overlay broad style selector (#8130) (f69c8e6)
- datepicker: prevent
matInput
from clobbering date value (#7831) (4b59ca1) - drawer: invalid margin declaration when rendering server-side (#8324) (5600b80)
- drawer: missing elevation shadow (#8387) (b0756a2), closes #8386
- drawer: re-add openedStart and closedStart events (#7747) (7610c7c)
- expansion: prevent memory leak by calling parent ngOnDestroy (#8410) (f6bd9b0)
- fab-buttons: vertically align icons inside fab buttons (#8442) (43217ef)
- form-field: jumping underline in Edge and Firefox (#8480) (c7ab877), closes #8395
- icon: remove IDs from source icon set from rendered output (#8266) (76806e3)
- input: add aria-required to inputs (#8034) (8178d6f)
- input: remove native IE reveal icon (#8439) (47055a7), closes #8390
- select: error when attempting to open before init (#8242) (ba36d3a)
- progress-spinner: coerceNumber values (#7791) (b6712f8)
- list: multi-line list item spacing (#8339) (bb504ad), closes #8333
- menu: return focus to root trigger when closed by mouse (#8348) (b085dc6), closes #8290
- overlay: better handling of server-side rendering (#8422) (0f83b20), closes #8412
- overlay: complete key event stream on dispose (#8341) (b437b45)
- overlay: remove global keydown listener when there are no open overlays (#8389) (131272a)
- progress-spinner: default strokeWidth to 10% of the diameter (#7746) (b997353)
- slide-toggle: drag not working in edge (#8421) (d6f287e), closes #8391
- snack-bar: complete onAction observable on close (#8183) (bc8560e)
- stepper: update state when steps change (#8398) (2bc0b41)
- tabs: detach tab portal when tab hides from view (#8486) (fbf2987)
- tooltip: allow toolip to reopen when closed by detaching overlay (#8232) (0719c38)
- consistently coerce boolean and number properties (#7283) (3ca801a)
- replace extendObject utility w/ object spread (#7372) (ea54edb)
- using correct global name in rollup bundle (#8407) (40be1f2)
- TypeScript interfaces are now documented on https://material.angular.io
Features
- a11y: add autoCapture option to cdkTrapFocus (#7641) (20b47d7)
- datepicker: dispatch events when datepicker is opened and closed (#7792) (998153a)
- dialog: add ariaLabel and focusOnOpen config options (#6558) (dad5922)
- gestures: add injection token for specifying Hammer.js options (#8106) (f2a0206), closes #7097
- menu: allow disabling ripples on items (#8388) (ce23395), closes #8261
- overlay: add option to re-use last preferred position when re-applying to open connected overlay (#7805) (f83beb8)
- reposition-scroll-strategy: add option for closing once the user scrolls away (#8233) (58598c4)
- slider: support specifying tabindex (#7848) (8e9dade)
- tab-nav-bar: allow setting tabindex for links (#7809) (a041253)
cesium-cephalopod
Highlights
- First release candidate for Angular Material and CDK! The team now believes that APIs and
behaviors are stable and mature enough to exit beta. Please continue to file issues that
help us eliminate more bugs from the forthcoming 5.0.0 release. Moving forward, the major
version number of Angular Material and CDK will update alongside Angular itself. - Based on Angular 5.0
- More consistent naming conventions across the board
- 60+ bug fixes
BREAKING CHANGES
- Angular Material now requires Angular 5, which itself requires TypeScript 2.4+ and RxJS 5.5.2+
mat-icon
now usesHttpClient
from@angular/common/http
instead ofHttp
from
@angular/http
. Any unit tests that faked icon responses should be changed to use an
HttpInterceptor
.@angular/cdk/rxjs
has been removed in favor of RxJS 5.5's lettable operators.- toolbar: in previous versions, any content of
mat-toolbar
not wrapped in a
mat-toolbar-row
would be rendered inside of an implicitly createdmat-toolbar-row
. As of rc0,
this implicit row will no longer be created. This means that any custom application CSS that
targeted this implicitly createdmat-toolbar-row
will no longer apply. Users can re-add the
mat-toolbar-row
in their own templates to match the original output structure. This
resolves a longstanding issue wheredisplay: flex
styles were difficult to use onmat-toolbar
. - accordion: move CdkAccordion to
@angular/cdk/accordion
CdkAccordion
and associated classes live in@angular/cdk/accordion
AccordionChild
is renamed toCdkAccordionChild
CdkAccordion
no longer has displayMode and hideToggle@Inputs
CdkAccordionItem
is now a@Directive
- table:
- The argument order for the
when
property ofmatRowDef
andcdkRowDef
has been changed
from(rowData, index)
to(index, rowData)
in order to matchtrackBy
.
- The argument order for the
- datepicker:
fromIso8601
method onDateAdapter
removed in favor ofdeserialize
DateAdapter
will return an invalid date instead of throwing an error- The
userSelection
@Output
ofmat-calendar
has been made internal-only
- cdk/scrolling:
ScrollDispatcher.getScrollContainers
has been renamed togetAncestorScrollContainers
to
better match its behavior.- The
ScrollDispatcher.scrollableReferences
property has been renamed toscrollContainers
. - The
ScrollDispatcher.scrollableContainsElement
method has been removed. - The
Scrollable
class has been renamed toCdkScrollable
for consistency.
- unique-selection: move UniqueSelectionDispatcher to
@angular/cdk/collections
(UniqueSelectionDispatcher
,UniqueSelectionDispatcherListener
, and
UNIQUE_SELECTION_DISPATCHER_PROVIDER
) MATERIAL_COMPATIBILITY_MODE
,CompatibilityModule
,NoConflictStyleCompatibilityMode
,
MatPrefixRejector
,MdPrefixRejector
symbols have been removed.MAT_CONNECTED_OVERLAY_SCROLL_STRATEGY
is renamed toCDK_CONNECTED_OVERLAY_SCROLL_STRATEGY
Deprecations
- The following classes have been renamed. The old names are still available as deprecated:
OverlayOrigin
->CdkOverlayOrigin
ConnectedOverlayDirective
->CdkConnectedOverlay
PortalDirective
->CdkPortal
PortalHostDirective
->CdkPortalOutlet
ObserveContent
->CdkObserveContent
- The following
@Output
names have been renamed. The old names are still available as deprecated:
mat-select
onOpen
->opened
onClose
->closed
change
->selectionChange
mat-sidenav
/mat-drawer
open
->opened
close
->closed
mat-menu
close
->closed
matMenuTriggerFor
onMenuOpen
->menuOpened
onMenuClose
->menuClosed
mat-chip
onSelectionChange
->selectionChange
remove
->removed
destroy
->destroyed
mat-tab-group
selectChange
->selectedTabChange
Features
- table: add MatTableDataSource (#6747) (a9600e7)
- dialog: support minWidth, minHeight, maxWidth and maxHeight (#7488) (57f19cd)
- overlay: new keyboard dispatcher for targeting correct overlay (#6682) (a2ca4d6)
- snack-bar: set snack bar to be responsive. (#7485) (5b7982f)
- sort: use existing intl provider if one exists (#7988) (c8df2c1)
- dialog: add optional generic param for config data (#7447) (b29ac45), closes #4398
- Most directives / components now define an
exportAs
name (#7554) (fa441bc)
Bug Fixes
- block-scroll-strategy: disable smooth scrolling before restoring scroll position (#8132) (75bccde), closes #7139
- button: focus styles not applied to programmatically focused buttons (#5966) (a0bb1a3), closes #7510
- button-toggle: support two-way binding of value (#7911) (ee4915c)
- card: change image path to https in example (#7800) (65d3630)
- chip-list: use role = listbox only if chip list is not empty (#7664) (dc76c09)
- chips: programmatically selected chip stealing focus (#7978) (8168667)
- datepicker: allow
DateAdapter
authors to have more control ove… (#7346) (9fa075e) - datepicker: use disabled state from FormControl (#7514) (66e71c8)
- dialog: don't block other dialogs from opening while animating (#8051) (cc4fc11), closes #6560
- drawer: not restoring focus on close (#7668) (3041124)
- drawer: unable to toggle while drawer is animating (#6810) (085827f), closes #6376
- expansion-panel: prevent content from being clipped (#7617) (aa77aa1)
- focus-trap: server-side rendering error (#7635) (f7a12b6), closes #7633
- focus-trap: update focus trap attrs to camel case #6799 (#6960) (c663fad)
- form-field: fix underline at different zoom levels (#7567) (5cffd7c)
- form-field: remove 200px width since it messes up flex layouts (#7083) (160a511)
- form-field: remove specific mention of matInput in error (#7727) (f17cb99)
- icon: use SafeResourceUrl in getSvgIconFromUrl (#7535) (291a87c)
- input: remove IE clear icon (#8095) (2fa679b), closes #8076
- menu: add typography mat-font-weight (7fe1b81)
- menu: make @output names consistent #6677 (#8053) (b2dd17a)
- menu: not handling keyboard events when opened by mouse (#4843) (d822a39), closes [#4991](https://github...