Skip to content

Releases: angular/components

burlap-bezel

18 Jan 00:42
92896a0
Compare
Choose a tag to compare

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...
Read more

linoleum-wormhole

09 Jan 20:04
Compare
Choose a tag to compare

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

  • ripple: do not register events if ripples are disabled initially (#8882) (e705f0e)

concrete-aeroplane

02 Jan 19:02
Compare
Choose a tag to compare

Bug Fixes

  • autocomplete: panelClosingActions emitting twice in some cases (#8998) (22c3259)
  • dialog: change order of button actions (#9021) (7b879a5)

flannel-battlestar

19 Dec 20:04
Compare
Choose a tag to compare

Bug Fixes

Performance Improvements

ceramic-gravy

11 Dec 19:24
2fb4d61
Compare
Choose a tag to compare

Bug Fixes

velvet-cuttlefish

06 Dec 20:08
b4a83ab
Compare
Choose a tag to compare

Bug Fixes

  • drawer: avoid initial animation when rendering on the server (#8828) (2b1f84e), closes #6865
  • tabs: hide tab body content after leaving the tab's view area (#8827) (05d726d)

Features

ink-sparkler

05 Dec 21:27
Compare
Choose a tag to compare

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

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

28 Nov 00:16
741378a
Compare
Choose a tag to compare

Bug Fixes

  • overlay: disposed overlays not removed from the key event stack (#8226) (461dfaf)
  • tabs: fix accidentally setting top instead of width after removing Renderer use (#8602) (6e865b7)

Features

  • The examples on material.angular.io are now opened externally via
    StackBlitz instead of Plunker.

felt-photon

21 Nov 00:49
6a9fbfe
Compare
Choose a tag to compare

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

06 Nov 20:25
c13848e
Compare
Choose a tag to compare

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 uses HttpClient from @angular/common/http instead of Http 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 created mat-toolbar-row. As of rc0,
    this implicit row will no longer be created. This means that any custom application CSS that
    targeted this implicitly created mat-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 where display: flex styles were difficult to use on mat-toolbar.
  • accordion: move CdkAccordion to @angular/cdk/accordion
    • CdkAccordion and associated classes live in @angular/cdk/accordion
    • AccordionChild is renamed to CdkAccordionChild
    • CdkAccordion no longer has displayMode and hideToggle @Inputs
    • CdkAccordionItem is now a @Directive
  • table:
    • The argument order for the when property of matRowDef and cdkRowDef has been changed
      from (rowData, index) to (index, rowData) in order to match trackBy.
  • datepicker:
    • fromIso8601 method on DateAdapter removed in favor of deserialize
    • DateAdapter will return an invalid date instead of throwing an error
    • The userSelection @Output of mat-calendar has been made internal-only
  • cdk/scrolling:
    • ScrollDispatcher.getScrollContainers has been renamed to getAncestorScrollContainers to
      better match its behavior.
    • The ScrollDispatcher.scrollableReferences property has been renamed to scrollContainers.
    • The ScrollDispatcher.scrollableContainsElement method has been removed.
    • The Scrollable class has been renamed to CdkScrollable 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 to CDK_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...
Read more