ionic-framework

6.0.13 (2022-03-23)

Bug Fixes

• angular: ngOnDestroy runs inside angular zone (#24949) (a8fd2d9), closes #22571
• datetime: presentation time emits ionChange once (#24968) (2909b08), closes #24967
• popover: dismissing nested popover via backdrop now works (#24957) (9e84ef7), closes #24954

6.0.12 (2022-03-16)

Bug Fixes

• datetime: reinit behavior on presentation change (#24828) (d46e1e8)
• tabs: angular, fire willChange event before selected tab changes (#24910) (d5efa11)
• toast: screen readers now announce toasts when presented (#24937) (8a97f6b), closes #22333
• vue: tapping the active tab button now correctly resets the tab stack (#24935) (4534c8b), closes #24934

6.0.11 (2022-03-09)

Bug Fixes

• datetime: time picker now scrolls to correct value (#24879) (331ce6d), closes #24878
• ios: swipe to go back now works in rtl mode (#24866) (2ac9105), closes #19488

Performance Improvements

• improve treeshaking functionality (#24895) (805907a), closes #24280

6.0.10 (2022-03-02)

Bug Fixes

• datetime: confirm method now uses selected date (#24827) (c35b898), closes #24823
• datetime: persist minutes column on hour change (#24829) (aacb58a), closes #24821
• item-sliding: close() will maintain disabled state (#24847) (ea4a9bb), closes #24747
• modal: .ion-page element is now correctly added (#24811) (3d0f999), closes #24809
• modal: re-enable swipe gestures when modal is dismissed (#24846) (836c01c), closes #24817
• modal: sheet modal now allows input focusing when backdrop disabled (#24840) (e4ec572), closes #24581

6.0.9 (2022-02-23)

Bug Fixes

• datetime: improve datetime sizing in modals (#24762) (b0ac7de), closes #23992
• datetime: month and year column order is now locale aware (#24802) (16647b2), closes #24548
• datetime: month picker no longer gives duplicate months on ios 14 and older (#24792) (b6d7e1c), closes #24663
• img: draggable attribute is now inherited to inner img element (#24781) (19ac238), closes #21325
• modal: backdropBreakpoint allows interactivity behind sheet (#24798) (fca3f56), closes #24797
• popover: default alignment to 'center' for ios mode (#24815) (243f673)
• react, vue: scroll is no longer interrupted on ios (#24791) (99c91ef), closes #24435
• select: interface components now show correctly (#24810) (2fc2de5), closes #24807
• toast: toast is now correctly excluded from focus trapping (#24816) (8246112), closes #24733

6.0.8 (2022-02-15)

Bug Fixes

• back-button, breadcrumb, item: flip chevron icons on RTL (#24705) (a093544)
• datetime: navigate to month within min range (#24759) (7b3838c), closes #24757
• input: only set native input value if different (#24758) (fd031aa), closes #24753
• router-outlet: getRouteId() returns the params set in setRouteId(). (#24656) (be2205e), closes #24652
• router-outlet: navigating to same route with different params now activates component (#24760) (abc36ae), closes #24653
• vue: preserve custom classes on IonPage (#24776) (b401de1), closes #24772

6.0.7 (2022-02-09)

Bug Fixes

• angular: inline modals now add .ion-page class correctly (#24751) (ef46eaf), closes #24750

6.0.6 (2022-02-09)

Bug Fixes

• action-sheet: background includes safe area margin (#24700) (8c22646), closes #24699
• angular-server: publish only the dist directory to avoid import errors (#24701) (2a27bef), closes #24605
• angular, react, vue: overlays no longer throw errors when used inside tests (#24681) (897ae4a), closes #24549 #24590
• datetime: disable intersection observer during month update (#24713) (aab4d30), closes #24712
• datetime: minutes only filtered when max hour matches current hour (#24710) (231d6df), closes #24702
• input: cursor position does not jump to end (#24736) (4ff9524), closes #24727
• input: IME composition mode (#24735) (c6381ce), closes #24669
• modal, popover: quickly opening modal/popover no longer presents duplicates (#24697) (928c5fb)
• modal: inline modals inherit ion-page styling (#24723) (596aad4), closes #24706
• popover: use alignment with popover options (#24711) (f5c5c3c), closes #24709
• router: router push with relative path (#24719) (d40c0c3), closes #24718
• select: value is selected when given array (#24687) (6ee7d15), closes #24742
• vue: replacing routes now updates location state correctly (#24721) (721a461), closes #24432
• vue: routing history is correctly replaced when overwriting browser history (#24670) (0b18260), closes #23873

6.0.5 (2022-02-02)

Bug Fixes

• datetime: prevent navigating to disabled months (#24421) (b40fc46), closes #24208 #24482
• input: min/max compatibility with react-hook-form (#24657) (1f91883), closes #24489
• react-router: remove page transition flicker on outlet mounting (#24667) (bdb5c42), closes #24666
• react: nested router outlets will not reanimate entered views (#24672) (43aa6c1), closes #24107
• vue: going back to a tabs outlet no loger causes classList error (#24665) (6d7b144), closes #24654

Performance Improvements

• various: don't use lazy-loaded icon names in components (#24671) (484de50)

6.0.4 (2022-01-26)

Bug Fixes

• accordion: items inside of the content now correct display borders (#24618) (d3311df), closes #24613
• angular: routerLink with null value works with Angular 13 (#24622) (90a9a9c), closes #24586
• col: col no longer errors when running in non-browser environment (#24603) (af0135c), closes #24446
• datetime: datetime locale with h23 will respect max time range (#24610) (5925e76), closes #24588
• datetime: timepicker popover will position relative to click target (#24616) (378c632), closes #24531 #24415
• input: ion-input accepts any string value (#24606) (43c5977), closes #19884
• item: label text aligns with input text (#24620) (94d033c), closes #24404
• item: match material design character counter (#24335) (54db1a1), closes #24334
• menu: focus trapping with menu and overlays no longer results in errors (#24611) (632dafc), closes #24361 #24481
• modal: native keyboard will dismiss when bottom sheet is dragged (#24642) (525f01f), closes #23878
• range: setting dir on ion-range to enable rtl mode now supported (#24597) (5dba4e5), closes #20201
• react: setupIonicReact no longer crashes in SSR environment (#24604) (360643d)
• searchbar: setting dir on ion-searchbar to enable rtl mode now supported (#24602) (35e5235)
• segment: setting dir on ion-segment to enable rtl mode now supported (#24601) (2940e73), closes #23978
• spinner: ensure transform doesn't overwrite circular animation (#24643) (88ce010)
• toast: allow input focus while toast is visible (#24572) (29f1140), closes #24571
• toggle: setting dir on ion-toggle to enable rtl mode now supported (#24600) (353dbc0)

6.0.3 (2022-01-19)

Bug Fixes

• angular-server: use correct @ionic/angular dependency version (#24593) (be022f7), closes #24592
• angular: apply touch, dirty and pristine form control classes (#24558) (273ae2c), closes #24483
• datetime: showing calendar grid no longer causes month to switch on ios 15 (#24554) (3d20959), closes #24405
• item: error slot visible in Safari (#24579) (af01a8b), closes #24575
• menu: remove main attribute that was supposed to removed in v5 (#24565) (7704ac3), closes #24563
• modal: life cycle events for controller modals (#24508) (9a15753), closes #24460
• overlays: getTop now returns the top-most presented overlay (#24547) (f5b4382), closes #19111
• react: add useRef wrapper to useIonOverlay state to avoid stale references (#24553) (bce849c)
• react: prevent errors when dismissing inline popover after containing element is removed (#24569) (c8a392a)

6.0.2 (2022-01-11)

Bug Fixes

• angular: attach change detector ref for inline overlays (#24521) (5c54593), closes #24502
• angular: popover will respect side attribute value (#24470) (e6955a2), closes #24466
• breadcrumb: support routerLink on breadcrumb (#24509) (5bb1414), closes #24493
• css: inline css source in source maps (#24514) (987d46c), closes #24441
• datetime: add top padding to MD calendar month grid (#24522) (bd82b5d), closes #24408
• datetime: RTL will no longer infinitely scroll (#24475) (8f00008), closes #24472
• datetime: time picker format with hourCycle h23 (#24476) (a3724e6), closes #24474
• datetime: update active day styling when day is selected (#24454) (4304391), closes #24414 #24451
• datetime: wheel picker shows correct column order in rtl (#24546) (c90ce31), closes #24378
• overlays: define custom element children (#24439) (4715b83), closes #24393
• popover: allow arrow configuration with controller approach (#24512) (b39003a), closes #24487
• radio: fix radio not showing checked state when not in a group (#24423) (94a781c)
• react,vue: backdrop for inline modal/popover overlay (#24453) (77f8412), closes #24449
• react: building app for production now works correctly with vite (#24515) (32fad3d), closes #24229
• react: scrolling to bottom of modal contents (#24510) (1462cef), closes #24478
• refresher: import icons to avoid errors in react and vue (#24525) (388622f), closes #24480
• vue: correct route is replaced when using router.replace (#24533) (90458da), closes #24226

Bug Fixes

• datetime: datetime now appears correctly when presented in modal (#24385) (e7d0674), closes #24112
• item: remove empty padding space for item bottom (#24323) (500985c), closes #23892
• modal: fix timing issue when rapidly closing and opening controller modal (#24380) (732f8e1), closes #24230
• overlays: define children custom elements for picker (#24372) (7c700b4), closes #24366
• vue: improve query params handling in tabs (#24355) (6309d5d), closes #24353
• vue: strongly typed controller methods (#24388) (a5d56b3), closes #24387
• vue: tabs no longer get unmounted when navigating back to a tabs context (#24337) (bf8e436), closes #24332

Performance Improvements

• content: remove global click listener to improve interaction performance (#24360) (1bfac52), closes #24359

Bug Fixes

• vue: improve query params handling in tabs (#24355) (1c28750), closes #24353
• vue: tabs no longer get unmounted when navigating back to a tabs context (#24337) (4aab72b), closes #24332

Performance Improvements

• content: remove global click listener to improve interaction performance (#24360) (9c9e28c), closes #24359

Enjoy! 🚀

We recommend updating to version 5.9.2 before updating to version 6.0.0 in order to see deprecation warnings related to your app in the developer console.

Please see the Ionic 6 Upgrade Guide for a step-by-step list of what you need to do to get started with Ionic 6.

Bug Fixes

• accordion: improve functionality with nested accordions (#24302) (0920797)
• content: ensure scrollEl is always available in scroll methods (#24255) (36a096c), closes #24168
• datetime: keyboard navigation now works in time picker (#24251) (8bdcd3c), closes #24070
• datetime: prevent multiple items from being highlighted at once in month/year and time pickers (#24268) (c2bef8d), closes #24067
• datetime: update active calendar display when value changes (#24244) (ec3bc52), closes #24241
• item: counter property now defaults to false to make upgrade easier (#24263) (f61f356)
• react, vue: remove side effects to improve treeshaking (#24313) (13d4418), closes #24280

Features

• react: add setupIonicReact function (#24254) (55db38d), closes #24139

Bug Fixes

• angular: improve typing when compiling with legacy View Engine (#24221) (816096f)
• content: ensure fixed slot renders on top of content in iOS (#24300) (e41b0e0), closes #24286
• popover: improve scrolling in popover when using header and footer (#24294) (f6a00ea)
• react: present and dismiss hooks return promises (#24299) (4b26fea), closes #24293
• react: properly check for custom elements to avoid errors in unit tests (#24156) (8f188ea), closes #24149
• router: popping route now accounts for route params (#24315) (5e5054d), closes #24223
• slides: update swiper instance after initialization (#24257) (89e4bc5), closes #19638
• vue: ionic lifecycle hooks now run when using vue 3.2 setup syntax (#24253) (fb96ab5), closes #23824
• vue: switching between tabs preserves query string (#24297) (047d3c7), closes #23699

Bug Fixes

• all: Ionic components that use child Ionic components are now correctly defined (#24191) (5a2a335), closes #23571 #24116 #24129
• angular: prevent duplicate event emissions (#24200) (fc1eae9)
• icon: update to ionicons 6 to resolve typescript 4.4 errors (#24185) (118c606)
• input: date type in ion-input now aligns correctly on iOS 15 (#24213) (9cf7c89)
• input: ionInput event emits with type of InputEvent (#24111) (52cd5d0)
• item: allow click targets inside of label (#24225) (3949a94)
• label: apply error appearance when control is touched (#24072) (009dff5)
• modal, popover: opening modal and popover now works even if overlay was added to ion-app directly (#24174) (da339a8), closes #23728
• modal: border radius is now correctly applied to card modals (#24204) (1f4f8eb)
• modal: card modal shadow now shows up correctly on ipad (#24203) (5d4f5af)
• overlays: declarative modals now work properly with the hardware back button (#24165) (b3759ae)
• react: improve component compatibility with preact (#24132) (15fc293), closes #23516
• textarea: floating label layout is correct with autogrow textareas (#24202) (713f0f5)

Bug Fixes

• angular: build is now in correct directory (#24236) (1d983fa)

Bug Fixes

• action-sheet: safe area is now accounted for in MD mode (#24176) (642255e), closes #24175
• input: date type in ion-input now aligns correctly on iOS 15 (#24217) (0566ec0)
• vue: canGoBack method now works correctly (#24188) (7c43589), closes #24109

Features

• slides: add support for Swiper 7 (#24190) (d0b6130)