6.0.0-beta.3

Bug Fixes

• list: change inset border radius to match iOS 15 (#23711) (fe2810b)
• popover: fix keyboard arrow navigation (#23709) (f2e7a26), closes #23512
• vue: popover positioning is now correct with custom elements build (#23680) (3a1a9cb)

Features

• toast: add icon property to show icon at start of toast content (#23596) (df24c8c), closes #23524

5.6.13

Bug Fixes

• checkbox, radio: change event interfaces correctly use TypeScript generics for value (#23044) (8a941fd)
• gesture: onEnd now correctly fires even if the event target was removed from the DOM (#23713) (4edb5e2), closes #22819
• item-sliding: opening item while other items are open no longer requires multiple swipes (#23683) (792864f), closes #21579
• react: IonTabs no longer causes SSR to fail (#23696) (f2a05be), closes #23651
• vue: improve accuracy of ion-page dev warning (#23677) (fb260a9), closes #23675
• vue: tabs warning about user-provided router outlet change is now correctly logged (#23724) (4a64e97), closes #23719

6.0.0-beta.2

Bug Fixes

• accordion: value can now be set as string when using multiple is true (#23581) (8f172de), closes #23550
• angular: modal and popover now have correct props defined on angular component (#23565) (e5a7b34)
• datetime: keyboard can now be used to navigate between years (#23585) (55bd1f7), closes #21553 #18122
• datetime: selecting time now works correctly on firefox (#23583) (4188964), closes #23545
• datetime: years displayed now more consistent with v5 datetime, max and min are now accounted for in MD mode (#23616) (be219a2), closes #23615

Features

• breadcrumbs: ionCollapsedClick event payload now contains references to collapsed breadcrumb elements (#23611) (9ce57d2), closes #23552
• datetime: add showDefaultTimeLabel property and time-label slot (#23577) (7ac0109), closes #23555
• datetime: add size property (#23649) (321341d), closes #23518
• range: add support for customizing pin format (#22972) (8f2c4f7)
• segment: add keyboard navigation, add selectOnFocus property to control selection follow focus behavior (#23590) (b6c53e5), closes #23520
• select: update popover interface to match MD spec on desktop, allow multiple values in popover interface (#23474) (2c07a15), closes #23657 #15500 #12310

Performance Improvements

• remove shims for legacy browsers no longer supported in v6 (#23592) (259b135)

5.6.12

Bug Fixes

• action-sheet: header, subheader, and icon alignment better matches native ios (#23322) (39315bc), closes #23317
• button: buttons are now disabled during page transitions (#23589) (3b803eb), closes #23588
• item: mirror disabled prop to aria attribute (#23544) (9021e7c), closes #23513
• menu-button: custom aria-label can now be set (#23608) (c08345d), closes #23604
• overlays: overlay interfaces are now exported from framework packages and documented (#23619) (773bbcb), closes #22790
• router-outlet: improve reliability of swipe back gesture when quickly swiping back (#23527) (fa06942), closes #22895

6.0.0-beta.1

Bug Fixes

• accordion: improved reliability of accordion animations (#23531) (6fbd60b), closes #23504
• content: add touch-action manipulation for zoom and pan (#23534) (6ca1780), closes #22805
• datetime: scroll position no longer gets reset when using datetime in overlay (#23543) (b735b58)
• input, select, textarea: change type of placeholder prop to string only (#23500) (f3ae431), closes #22976
• popover: size property now works when providing only event (#23532) (bdc1f23), closes #23528
• popover: update animation to better match MD spec (#23541) (bdb95b7)
• react: export accordion and accordion group components (#23497) (a664d42)
• vue: navigating between parameterized pages now results in page transition (#23525) (e30b17c), closes #22662

Features

• accordion-group: add animated property to disable animations (#23530) (9a60dd0)
• action-sheet, alert: add id to AlertButton and ActionSheetButton (#18992) (9e24a0b), closes #22959
• vue: extend useIonRouter hook for programmatic navigation with animation control (#23499) (fc9e1b4), closes #23450

BREAKING CHANGES

We recommend updating to the latest version of 5.x before trying out version 6 in order to see deprecation warnings related to your app in the developer console.

• input, select, textarea: Updated the placeholder property on ion-input, ion-textarea, and ion-select to have a type of string | undefined.
• vue: The IonRouter type for useIonRouter has been renamed to UseIonRouterResult, and the IonKeyboardRef type for useKeyboard has been renamed to UseKeyboardResult.

Please see the BREAKING.md file for a complete list of breaking changes in Framework v6.

Looking to test out the Framework v6 beta? Check out our v6 Beta Getting Started Guide.

5.6.11

Bug Fixes

• animation: typescript interface has correct return value for progress methods (#23536) (f3d6abb)
• ios, md: double tapping back button no longer causes app to go back 2 pages (#23526) (69be51d), closes #18455

6.0.0-beta.0

Bug Fixes

• modal: add additional padding to toolbars in iOS modal (#23262) (a037b65), closes #22778
• searchbar: showClearButton now defaults to 'always' for improved usability with screen readers (#23475) (80f181d)
• toast: whitespace variable now defaults to normal (#22866) (9b78689)
• header: removed border from last toolbar when using collapsible large title (#22891) (c72bc5d), closes #22777
• ios: update toolbar and tabbar default background colors (#22852) (3d615cb), closes #22780

Code Refactoring

• all: update required browser, framework, and mobile platform versions for v6 (#23443) (c842dd8)
• angular: remove Config.set() method (#22918) (9e05891)
• vue: drop support for "on" prefixed overlay events and bump minimum required version of vue to 3.0.6 (#23229) (6fcb3a6)
• vue: remove support for child routes nested inside of tabs (#22919) (75458ac)

Features

• accordion: add accordion and accordion-group components (#22865) (073883a), closes #17094
• breadcrumbs: add breadcrumbs component (#22701) (2f6b1e4), closes #22770
• datetime: add calendar picker (#23416) (932d3ca), closes #19423
• item: add helper text, error text, counter, shape, and fill mode (#23354) (faefe97), closes #19619
• modal: modals can now be used inline (#23341) (3be1c3d), closes #20117 #20263
• popover: add desktop support (#23258) (a67a0fa), closes #21599
• popover: popover can now be used inline (#23231) (308fa1c)
• slides: add IonicSwiper modules, deprecate ion-slides, and add link to migration (#23447) (623c84a)
• spinner: add lines-sharp, lines-sharp-small, update styles for ios (#22397) (2a5b272)
• vue: add custom elements bundle (#23458) (dc48a9f)

Be on the lookout for additional features and bug fixes in future beta releases of Framework v6!

BREAKING CHANGES

We recommend updating to the latest version of 5.x before trying out version 6 in order to see deprecation warnings related to your app in the developer console.

• all: Browser, JS Framework, and mobile platform minimum required versions have been updated.
• angular: The Config.set() method has been removed. See https://ionicframework.com/docs/angular/config for examples on how to set config globally, per-component, and per-platform.
• datetime: The ion-datetime component has been revamped to use a new calendar style. As a result, some APIs have been removed. See https://github.com/ionic-team/ionic-framework/blob/master/BREAKING.md for more details.
• header: The last toolbar in the header with a collapsible large title no longer has a border.
• ios: The tab bar and toolbar default background colors have been updated to better reflect the latest iOS styles.
• popover: Converted ion-popover to use the Shadow DOM.
• searchbar: The showClearButton property on ion-searchbar now defaults to 'always'.
• toast: The --white-space CSS Variable now defaults to normal.
• vue: - Dropped support for prefixed overlay events in favor of non prefixed events (I.e. @onDidDismiss becomes @didDismiss).
• vue: Support for child routes nested inside of tabs has been removed to better conform to Vue Router's best practices. Additional routes should be written as sibling routes with the parent tab as the path prefix.

Please see the BREAKING.md file for a complete list of breaking changes in Framework v6.

5.6.10

Bug Fixes

• button: buttons using fill and color properties now account for hover and focused opacity variables (#23442) (68c0e71), closes #23441
• item: using multiple items with inputs no longer results in console warnings (#23429) (e27b5b6), closes #23427
• vue: IonTabs can now accept IonRouterOutlet, deprecated default router outlet in tabs (#23477) (a2a4cff), closes #23321

5.6.9

Bug Fixes

• modal: swipe to close modal is no longer swipeable on footer (#23401) (ae96563), closes #23398
• title: inherit padding for iOS title in a toolbar (#23343) (82cfa55), closes #23072
• vue: improve v-model integration for Vue 3.1.0+ (#23420) (f008628)
• vue: prevent error from being thrown when testing on certain jest runners (#23421) (60bedb5), closes #23397

5.6.8

Bug Fixes

• action-sheet: subheader no longer overlaps action sheet buttons (#23318) (d473a53), closes #23316
• all: reflect color property as an attribute for vue (#23345) (dc430af), closes #23323
• range: knob can now have an accessible name (#23338) (881dcff), closes #23295
• react: remove @ionic/core dependency in @ionic/react-router to resolve yarn install warning (#23351) (36bfa33), closes #23346
• react: support history@5 in preparation for react router 6 (#23297) (4da5216), closes #23294
• router: guards are now triggered on initial navigation (#23123) (56f6f56), closes #22936
• router: redirects now account for query string (#23337) (08a9f3a), closes #23136
• skeleton-text: animation no longer jumps on large skeleton text elements (#22697) (1a36922), closes #22694
• slides: resolve prototype pollution in swiper v5 (#23344) (a708c41), closes #23342
• title: large title scale animation is now correct in rtl mode (#23372) (3d474ec), closes #23371