CHANGELOG.md

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

6.6.2 (2023-03-15)

Bug Fixes

• accordion: include margins during expand animation (#26390) (f809918), closes #26381
• IonicSlides: remove unnecessary autoplay option (#26935) (b8f8937)
• radio: checked state is updated when value changes (#26936) (27a5356)
• react/vue: properly switch ionicon based on the mode when ios/md is set (#26924) (1eb9a08), closes #26207
• textarea: inherit tabindex to inner textarea (#26945) (2c68d01), closes #26944

6.6.1 (2023-03-08)

Bug Fixes

• angular: keepContentsMounted modal is sized correctly (#26917) (8d184c8), closes #26916
• button: show correct activated state for ios (#26900) (67815cc), closes #22468
• datetime-button: time-only values are parsed (#26852) (f54fc18), closes #26851
• datetime: resolve import error in stencil apps (#26909) (48c45af), closes #26908
• menu, split-pane: ssr does not fail on null customElements check (#26854) (451d220), closes #24714
• modal: avoid chrome memory leak bug (#26911) (a3f8e28)
• react: inline overlays dismiss when parent component unmounts (#26245) (c0e1bf9), closes #25775 #26185

6.6.0 (2023-03-01)

Bug Fixes

• modal: dialog styles work on old chrome versions (#26746) (00d10f5), closes #26745

Features

• datetime: add ability to specify custom colors for specific dates (#26775) (2a761af)
• picker-column: assign custom aria-labels to column options (#26749) (daa89a2)
• toast: add stacked buttons functionality (#26790) (fc5fcc0)

6.5.7 (2023-03-01)

Bug Fixes

• content: fullscreen values are recomputed on visible content (#26847) (6dcd98b), closes #26844
• modal: keyboard listener removed on dismiss (#26856) (b4bcba3)
• overlays: focus trap refs cleared on dismiss (#26855) (8d1d0fa)

6.5.6 (2023-02-22)

Bug Fixes

• card: border radius does not overflow on paint in Safari (#26539) (df5c8e2), closes #26529

6.5.5 (2023-02-20)

Bug Fixes

• datetime: days of week and spacing buttons are not announced by screen readers (#26813) (1a346b6), closes #26811
• hide-caret: blur listener correctly removed (#26808) (fef634f), closes #26807
• input: compositionend event is removed on unmount (#26806) (caa8719), closes #26805
• sanitizer: improve reliability of sanitizer (#26820) (5e41391)
• swipe-back: gesture rtl setting is reactive (#26795) (3a64de4), closes #26794

6.5.4 (2023-02-15)

Bug Fixes

• content: fullscreen works when rotating device (#26782) (7b879fe), closes #26743
• deps: update ionicons usage to v6.1.2 (#26752) (c07933c)
• deps: update ionicons usage to v6.1.3 (#26772) (1c71983)
• tap-click: instant activate does not use a setTimeout (#26748) (21c0806)

6.5.3 (2023-02-08)

Bug Fixes

• button: size and strong are respected in ion-buttons (#26726) (3759125)
• chip: descenders are not clipped in label (#26729) (a9e000b), closes #18313
• refresher: prevent clearing virtual scroll overflow styling (#26613) (9d6ec29), closes #26553

6.5.2 (2023-02-01)

Bug Fixes

• item: inherit aria attributes before render (#26546) (95a3c69), closes #26538
• popover: popover opens on chrome 109 (#26672) (69d89ea), closes #26643
• popover: resolve import warning in stencil apps (#26705) (95f65a5), closes #26704
• select: setting options async updates rendered text (#26667) (a687457), closes #19324
• vue: cache attached view reference (#26694) (7c00897), closes #26695

6.5.1 (2023-01-25)

Bug Fixes

• action-sheet: button icons are not announced by screen readers (#26640) (22e9ff8)
• fab-button: icon is not announced by screen readers (#26619) (dd7cd8c), closes #22296
• modal, popover: warn if trigger element was not found (#26650) (1115203)
• picker-column: cssClass is set on column (#26658) (c6620c7), closes #26653
• react: hardware back button works in dev mode (#26614) (abcfe9f), closes #26599
• select: focusing item works in firefox (#26668) (946807d)
• toggle: on-off icon is not announced by screen readers (#26641) (77ccac0)
• vue: unmount teleported components (#26647) (6b16a0c), closes #26644

6.5.0 (2023-01-18)

Features

• deps: update ionicons to 6.1.0 (#26617) (ccd2a92)
• deps: update ionicons to 6.1.1 (#26626) (90405eb)
• router: export hook interfaces (#26551) (2752702)

6.4.3 (2023-01-18)

Bug Fixes

• datetime: allow header to render in all wheel picker presentations (#26616) (7b947b5)
• input: clear button uses contrast when setting color on item (#26592) (a31e1e5), closes #26337
• list: inset lists render correctly (#26586) (911b1d4), closes #20819

6.4.2 (2023-01-11)

Bug Fixes

• datetime: time wheel input mode is dismissed on user scroll (#26567) (d13a146)
• loading: support custom aria-label (#26581) (2450a1e), closes #24486
• modal: canDismiss type with data and role (#26547) (32c2622), closes #26544
• picker-column-internal: blurring picker does not throw error (#26560) (3e671b9), closes #26559
• segment: nested interactive is not rendered (#26575) (77ce9e0)
• tab-button: nested interactives are not rendered (#26576) (df4882d), closes #23332
• vue: unmount teleported user component (#26543) (c996384), closes #26542

6.4.1 (2022-12-14)

Bug Fixes

• breadcrumbs: breadcrumbs are reactive (#26427) (0d8625b), closes #24041
• datetime: keyboard can select hour 00 (#26423) (2fc96b7), closes #26409
• modal: compatibility with stencil libraries/apps (#26448) (1aa1068)
• normalize: remove normalize styles for outdated browsers (#26465) (82d1d94), closes #26464

6.4.0 (2022-12-07)

Features

• modal: data and role are passed to canDismiss (#26384) (1b30fc9), closes #26292
• toast: add global config toastDuration (#26425) (a67a827)
• toggle: add toggleOnOffLabels global config option (#26087) (43e2b39)

6.3.10 (2022-12-07)

Bug Fixes

• datetime: add flipRTL to monthAndYear dropdown icon (#26378) (13fe669)
• datetime: md highlight does not clip at start or end of month (#26366) (fcfbcdb), closes #24891
• segment: scrolling button into view is more consistent (#26369) (a2d570b), closes #26368

6.3.9 (2022-11-30)

Bug Fixes

• button: fill can be set to undefined (#26339) (2fe23d9), closes #25886
• input: clear icon can be styled (#26354) (ccaff8d), closes #19178 #17168
• reorder: items animate once in firefox (#26326) (7ae8117), closes #21182
• segment: segment in toolbar uses correct contrast (#26353) (5a243cc), closes #26350

6.3.8 (2022-11-22)

Bug Fixes

• modal: status bar style defaults to app settings (#26291) (a6c9e55), closes #26173
• normalize: normalize css resets button padding (#26214) (e14c947), closes #23928
• popover: popover positions correctly on all frameworks (#26306) (be9a399), closes #25337
• react: useIonRouter hook has stable router reference (#25000) (89e3cd6), closes #24987
• reorder-group: support custom components (#26289) (8425734), closes #19447
• segment: scrollable segments center button on click (#26285) (73ea64c), closes #25367
• toggle: rtl layout renders correctly in safari (#26315) (0932f89)

6.3.7 (2022-11-16)

Bug Fixes

• action-sheet: icons are aligned on MD mode (#26256) (627d654), closes #26249
• datetime: clear button clears the selected date (#26264) (9216744), closes #26258
• datetime: fonts now render consistently (#26281) (f13ddca)
• datetime: max and min works with showDefaultButtons (#26257) (e5cff9e), closes #26146
• popover: inline popover positioning with fit-content or auto width (#26230) (0a8a958), closes #24716
• popover: popover positioning for controller and inline (#26274) (31ab10d), closes #24716
• textarea: scrollbars are visible with overflow (#26284) (7a990ff), closes #26278

6.3.6 (2022-11-10)

Bug Fixes

• datetime: flip chevron icons when RTL is set on component directly (#26195) (dd98677)
• react: inline overlays display contents consistently (#26255) (d709ff6), closes #26253

6.3.5 (2022-11-09)

Bug Fixes

• android: account for chrome 108 resize (#26244) (1a0b9ed)
• datetime: min/max correctly display available day periods (#26241) (526e411), closes #26216
• overlays: presenting an overlay does not create nested elements (#26154) (bb00595), closes #26117
• react: loading layout is correct with no message (#26222) (57105d5), closes #26219
• vue: generate web-types for components (#26205) (1f7fc8f), closes #26198

6.3.4 (2022-11-02)

Bug Fixes

• datetime: account for allowed values when setting default date (#26093) (3745083), closes #24722
• modal, popover: remove trigger click listeners when overlay is unmounted (#26167) (1320948)
• modal: buttons are highlighted with VoiceOver (#26180) (1504b88), closes #26156

6.3.3 (2022-10-26)

Bug Fixes

• datetime: empty string is treated as no value (#26131) (51ab5f6), closes #26116
• datetime: preferWheel can now show title (#26101) (479d56b), closes #26095
• datetime: values are adjusted to be in bounds (#26125) (0548fe8), closes #25894 #25708
• dependencies: latest patch is installed (#26148) (74be79e), closes #26137
• many: haptics only fire on supported platforms (#26130) (d4d569a), closes #26109
• react: inline overlays can be conditionally rendered (#26111) (8ec350a), closes #25590

6.3.2 (2022-10-17)

Bug Fixes

• datetime: header renders correct date (#26120) (04df45a), closes #26116
• datetime: selecting days updates value (#26121) (d76a24d)
• modal: sheet modal dismisses correctly (#26110) (256b03f), closes #26108
• vue: routing components define child components (#26107) (d60973b)

6.3.1 (2022-10-12)

Bug Fixes

• datetime: setting date async updates calendar grid (#26070) (0aee328), closes #25776
• datetime: setting max/min does not increase number of nodes rendered (#26065) (a5d178f), closes #26059
• item, card: aria-label is reflected to the inner button (#26028) (3c89ebe), closes #25885
• toolbar: MD height only applies to MD segment (#26042) (ab89679), closes #18617

6.3.0 (2022-10-05)

Bug Fixes

• list: remove extra border in md inset list items (#25972) (3eb3dd5), closes #25278
• range: indication when range knob is focused (#25827) (2c815cf)

Features

• alert: accept Promise for button handler (#25702) (8e4783c), closes #25700
• angular: use standalone components with routing (#25589) (3c84d48), closes #25404
• button: submit from outside of form (#25913) (b139838), closes #21194
• datetime-button: support multiple date selection (#25971) (a56a4a9)
• datetime: add header text to multiple selection; improve header consistency between modes (#25817) (8a1b3c5)

6.2.9 (2022-09-28)

Bug Fixes

• animation: improve compatibility with ssr (#25992) (02234f6), closes #25987
• chip: default color has contrast on dark mode (#25998) (ef78a12), closes #25997
• datetime: expand/collapse icon is not announced to screen readers (#26018) (649d3cf)
• datetime: swiping wheel no longer dismisses card modal (#25981) (7543c84)
• datetime: switching month and year accounts for day (#25996) (11f44e9), closes #25585
• datetime: time button is easier to access with screen readers (#26019) (5846b41)
• picker-internal: fonts now render consistently (#26020) (54f99bd)
• react: overlays now define internal ionic components (#25967) (21dc893), closes #25962
• vue: back button handler only fires in routing context (#26014) (19f0fb7)

6.2.8 (2022-09-21)

Bug Fixes

• datetime: account for 12AM with min times and 12 hour format (#25952) (55ebd6c), closes #25183
• item: show the highlight on iOS when --highlight-height is set (#25905) (d7db133)
• overlays: focus trapping no longer includes disabled elements (#25949) (6cb5827)
• overlays: focus trapping no longer includes hidden elements (#25948) (5c10f98)

Performance Improvements

• card: avoid force compositing on ios (#25942) (174c3b3)

6.2.7 (2022-09-14)

Bug Fixes

• angular: nav controller can pop views after leaving tabs outlet (#25690) (725b13f), closes #18593
• datetime: correct year is set in wheel picker (#25896) (fb653eb), closes #25895
• footer: padding is added correctly with tabs (#25921) (edbb64c), closes #25918
• input,textarea: data-form-type attribute is assigned to inner input (#25927) (9451b28), closes #25908
• modal: sheet is easier to dismiss with swipe (#25883) (fa169d2), closes #24296
• react: add correct type for CreateAnimation (#25931) (89d3e3c)
• tab-bar: use correct import path (#25898) (ad46045), closes #25897
• textarea: auto grow textarea line wraps long contents (#25928) (777109a), closes #25893

6.2.6 (2022-09-07)

Bug Fixes

• datetime: calendar day and years are now localized (#25847) (cbd1268), closes #25843
• datetime: hourCycle formats hour correctly (#25869) (1a1491d), closes #25862
• datetime: month grid no longer loops on ios (#25857) (c938054), closes #25752
• vue: custom animation plays when replacing (#25863) (2d3661a), closes #25831

6.2.5 (2022-08-31)

Bug Fixes

• action-sheet: add aria-labelledby (#25837) (5270151)
• angular: router outlet has mode property (#25816) (afd0bbc), closes #25813
• datetime: next and previous buttons have correct labels (#25845) (41e3387), closes #25844
• datetime: only log out of bounds warning if value set (#25835) (85af6ce), closes #25833
• input: clear button is not activated on swipe (#25825) (ff71ad4), closes #24857
• modal: handleBehavior can be used with controller (#25821) (79ef1b5), closes #25820
• searchbar: clear button has focus indicator (#25828) (373b4ff)
• searchbar: keypress can activate clear button (#25824) (c270756)

6.2.4 (2022-08-24)

Bug Fixes

• alert: add default aria-label (#25800) (d395a73)
• alert: use aria-labelledby and aria-describedby instead of aria-label (#25805) (27318d7)
• breadcrumb: separator is not announced by narrators (#25796) (71fad38)
• datetime: close month/year picker when hidden (#25789) (3b211b6), closes #25787
• modal: role attribute can be customized (#25804) (037d579)
• react: duplicate page transitions do not happen on react 18 (#25798) (a39d776), closes #25797
• refresher: use componentOnReady utility for CE build (#25783) (bd715a5), closes #25782
• select: compareWith passes params in correct order (#25764) (d631195), closes #25759
• vue: lifecycles now fire on tabs pages (#25786) (3020005), closes #25784

6.2.3 (2022-08-17)

Bug Fixes

• css: preserve whitespace in selectors when minifying css (#25767) (bafa759), closes #25766
• datetime: highlights now show above content in modal (#25756) (d711658), closes #25755
• footer: remove toolbar bottom padding if near bottom slot tabs or keyboard is open (#25746) (bb37446)
• header: hide from screen readers when collapsed (#25744) (d0ba963)
• input: exclude date inputs from scroll assist (#25749) (abb56d2), closes #25745
• item: form validation caret color renders correctly (#25725) (de20541), closes #25719
• refresher: refresher is visible with multiple custom scroll targets (#25750) (e750e33), closes #25495

6.2.2 (2022-08-10)

Bug Fixes

• angular: DatetimeButton is declared on IonicModule (#25727) (76ad1d1)
• datetime: add correct null check when value changes (#25716) (36bea1c), closes #25714
• datetime: preferWheel respects column ordering by locale (#25726) (dee0f51), closes #25722
• react: outlet will not clear in react 18 with hot reload (#25703) (3878bf7), closes #25507
• vue: go back to correct view with memory history (#25732) (8327889), closes #25705

6.2.1 (2022-08-03)

Bug Fixes

• datetime: display time in user's timezone after selection (#25694) (11c69c8), closes #25693
• datetime: selecting today with multiple date select now works (#25699) (86b7000)
• nav: exclude nav from custom dialog (#25689) (d1e517b), closes #25677 #25688
• react: IonNav apply properties to page components (#25603) (61e4ffe), closes #25602

6.2.0 (2022-07-27)

Bug Fixes

• datetime: account for previous years with preferWheel (#25656) (3a7f5f1)
• datetime: switching months in wheel picker now selected nearest neighbor (#25559) (dd256e1)
• datetime: switching presentation closes month/year picker (#25667) (57a21ad)
• nav: pop() will unmount views within a modal (#25638) (db28794), closes #25637 #21831
• picker-column-internal: tabbing between columns works (#25464) (db02772)
• textarea: textarea with autogrow will size to its contents (#24205) (a9cf2ab), closes #24793 #21242
• vue: input v-model accepts numbers (#25666) (ab65e9a), closes #25575

Features

• angular, react, vue: add support for autoMountComponent (#25552) (805dfa0)
• datetime-button: add button for displaying datetime in overlays (#25655) (4997331), closes #24316
• datetime: add multiple date selection (#25514) (9d31608)
• datetime: add wheel style picker for dates and times (#25468) (3d19771)
• datetime: localize am/pm labels in time picker (#25389) (6bc0acc), closes #16279
• modal: clicking handle advances to the next breakpoint (#25540) (7cdc388), closes #24069
• picker-column-internal: add ability to disable items (#25412) (8b7c079)
• range: add reference point for start position of range slider (#25598) (c2781cc), closes #24348
• toggle: on/off icons for toggle (#25459) (bc0bdc4), closes #20524

6.1.15 (2022-07-20)

Bug Fixes

• datetime: use scroll listener to detect month changes (#25586) (b7afcb0), closes #25257 #25608 #24980
• fab-button: aria attributes are inherited (#25635) (64ae3d2), closes #25633
• modal: allow for custom dialog implementations (#25630) (a6f3ae6), closes #24080
• react: swipe to go back gesture works on ios (#25563) (7ec3683), closes #22342

Performance Improvements

• input: passive event listener for touch start events (#25610) (2d1efdb), closes #25599

6.1.14 (2022-07-13)

Bug Fixes

• datetime: datetime works within stencil apps (#25592) (7b10fa6), closes #25591
• react: IonNav works with react (#25565) (420f9bb), closes #24002

6.1.13 (2022-07-06)

Bug Fixes

• all: long press now preserves activated state (#25551) (a8286f6), closes #25544
• datetime: typing in time now updates value (#25561) (1b1b1a3), closes #25560

6.1.12 (2022-06-29)

Bug Fixes

• angular: warn devs that standalone components are not supported (#25516) (c53785c)
• datetime: add dev warnings when setting out of bounds value (#25513) (5dfaf63)

6.1.11 (2022-06-22)

Bug Fixes

• datetime: closing time picker no longer changes month (#25478) (f9ab9b5), closes #25438
• item: multiple input appearance when using datetime (#25498) (1a8d23d), closes #25484 #25483
• overlays: focus is not moved if active element is in overlay (#25481) (dcc2da2), closes #24127 #24820
• refresher: quickly swiping down no longer causes duplicate refresh (#25476) (3abfa78), closes #25418
• vue: adding class to IonPage no longer hides component (#25490) (cbaa971)
• vue: components have correct type definitions (#25499) (b1821e9), closes #25485

6.1.10 (2022-06-15)

Bug Fixes

• angular: router compatibility with Angular 12/13 (#25456) (7b105a3), closes #25448
• fab-button: improve ripple effect behavior on click (#25413) (efdaf90), closes #21772
• modal: backdrop animation when backdropBreakpoint is 1 (#25430) (c10df52), closes #25402
• modal: status bar color now correct with sheet modal (#25424) (377c4f5), closes #20501
• picker-column-internal: switching off an input mode column preserves scroll (#25467) (989429d)
• popover: ensure popover does not go offscreen when adjusting top position (#25350) (6926538), closes #25349

6.1.9 (2022-06-08)

Bug Fixes

• all: ripple effect is no longer added when scrolling (#25352) (0b275af), closes #22030
• angular: add support for Angular 14 (#25403) (122cdcc), closes #25353
• datetime: emit ionChange for non-calendar picker presentation (#25380) (4e6a60b), closes #25375
• datetime: ensure that default month shown is always in bounds (#25351) (866d452), closes #25320
• label: text contents will repaint on change (#25395) (52ec741)

6.1.8 (2022-06-01)

Bug Fixes

• all: improve compatibility with vite (#25381) (d83bcd2), closes #23823
• item-sliding: swiping inside of virtual scroller now prevents scrolling (#25345) (5a1a5f6)
• range: dragging knob no longer scrolls page (#25343) (0b92dff), closes #19004
• react: present controller overlays in React 18 (#25361) (01c40ea), closes #25247

6.1.7 (2022-05-26)

Bug Fixes

• accordion: accordions expand when using binding (#25322) (61e571e), closes #25307
• datetime: don't update value on confirm call if no date was selected (#25338) (9e5b10a)
• item, list: list aria roles are added (#25336) (311c634), closes #19939
• menu: rtl menu no longer disappears on ios 15 (#25309) (6005431), closes #25192
• modal: swipe to close on content blocks scroll in ion-nav (#25300) (fdc55c0), closes #25298
• nav: swipe to go back works inside card modal (#25333) (0156be6), closes #25327
• range: interfaces are now correctly exported (#25342) (15f0c06), closes #25341
• react: add param types to useIonPopover dismiss function (#25311) (7111370)
• react: IonTabButton will call custom onClick handlers (#25313) (6034418), closes #22511
• refresher: attach scroll listener to custom scroll target (#25335) (8f5e4cd), closes #25318
• types: improve intellisense with colors (#25347) (97cfbbb)
• vue: correct views are now unmounted in tabs (#25270) (5e23fb1), closes #25255

6.1.6 (2022-05-18)

Bug Fixes

• loading: spinner now respects —spinner-color (#25261) (65f4c74), closes #25180
• modal: reset breakpoint to initial breakpoint on present (#25246) (2557bf3), closes #25245
• scroll-assist: touch end events continue to bubble on inputs (#25282) (780f16d), closes #25229

6.1.5 (2022-05-11)

Bug Fixes

• core: @axe-core/playwright should be a devDependency (#25244) (617ec48), closes #25242
• item: counter has appropriate contrast (#25266) (750be33), closes #25262
• modal: add canDismiss input binding for angular (#25240) (bdf0383), closes #25239
• spinner: alignment is now correct in rtl (#25260) (e3c996d)

6.1.4 (2022-05-04)

Bug Fixes

• datetime: arrow navigation respects min/max values (#25182) (6946e09), closes #25073
• datetime: hide footer when month-year picker is open (#25205) (aa5e1b9)
• modal: card modal can now be swiped to close on the content (#25185) (7633ddb), closes #22046
• modal: card modal no longer dismisses from content with refresher (#25227) (c4f811f)
• react: useIonModal/useIonPopover dismiss accepts data and role (#25209) (68b2f8b), closes #25208
• vue: switching between tabs and going back resolves to correct route (#25206) (b4ba70e), closes #24303

6.1.3 (2022-04-27)

Bug Fixes

• core: inherit aria attributes on host elements (#25156) (611832b), closes #20127
• datetime: if no default value, don't highlight active day until one is selected (#25151) (9896939)
• picker-column-internal: center active item when rapidly opened (#25155) (8e17fa9), closes #25154
• select: avoid duplicate dialogs and backdrops when clicking (#25175) (70d2784), closes #25126
• vue: canDismiss definition is now exposed (#25195) (e5e0e24)
• vue: replacing routes across nested outlets preserves previous route info (#25171) (7b71607), closes #25017

6.1.2 (2022-04-20)

Bug Fixes

• datetime: time picker display matches dynamically set value (#25010) (11493a0), closes #24967
• modal: add canDismiss option to modal options (#25144) (2984ddf), closes #25143

6.1.1 (2022-04-15)

Bug Fixes

• all: import path is now correct when using ionic in a stencil app (#25123) (1b407ab), closes #25122
• datetime: account for 30 and 45 minute timezones when getting current date (#25120) (96b2003), closes #25112
• modal, popover: do not dismiss when ionDismiss is emitted from select (#25125) (90115db), closes #25124

6.1.0 Vanadium (2022-04-13)

Bug Fixes

• accordion-group: only allow keyboard interaction if header is focused (#25091) (e1b555f)
• datetime: resolve warnings when importing into Stencil app (#25106) (a61c004)
• menu: preserve scroll position when focusing on open (#25044) (da89684)
• popover: only focus trap ion-item children (#24990) (0cd06a6), closes #24633
• ripple-effect: ripple displays on click or touch (#25102) (2a313e9), closes #25094
• vue: ensure that only tab pages get added to the tab navigation stack (#25045) (a0054a7), closes #24859

Features

• content, reorder-group, header, footer, infinite-scroll, refresher: add custom scroll target to improve compatibility with virtual scroll (#24883) (2a438da), closes #23437
• datetime: isDateEnabled to enable/disable specific days (#24898) (e932a04), closes #24209
• item: counter formatter to customize counter text display (#24336) (171020e), closes #24327
• modal: ability to programmatically set current sheet breakpoint (#24648) (3145c76), closes #23917
• modal: add canDismiss property to manage modal dismissing (#24928) (4b21958), closes #22297
• range: add knobMoveStart and knobMoveEnd events (#25011) (f5cb1f8)
• select: add event for when overlay is dismissed (#24400) (b835b7c)

6.0.16 (2022-04-08)

Bug Fixes

• angular: button components now route correctly without reload (#25071) (fb994fa)

6.0.15 (2022-04-06)

Bug Fixes

• angular: item styling when control has value (#24932) (eea25d0), closes #23809
• angular: routerLink allows opening in a new tab for link elements (#25014) (b010f07), closes #24413
• datetime: warn when parsing an invalid date value (#25049) (982dc85)
• picker-column: column renders correctly with selected value (#24988) (8318659), closes #17664
• popover: allow arrow on desktop (#25056) (bcd00c7)

6.0.14 (2022-03-30)

Bug Fixes

• react: treeshake ionic/core bundle (#24989) (a296ca8), closes #24497

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

6.0.1 (2021-12-15)

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

6.0.0 Titanium (2021-12-08)

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.

6.0.0-rc.4 (2021-12-07)

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

6.0.0-rc.3 (2021-11-17)

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)

6.0.0-rc.2 (2021-11-03)

Bug Fixes

• datetime: resolve month and year jumping issue on ios (#24142) (27aef93), closes #23910

6.0.0-rc.1 (2021-10-27)

Bug Fixes

• accordion-group: ionChange is now fired properly in vue (#24063) (61b99d1), closes #23762
• datetime: clear button is now rendered even if showDefaultButtons is false (#24075) (e3996cf)
• datetime: default sizing preserves shape of datetime (#24104) (71fab0f)
• infinite-scroll: infinite scroll event now fired with custom elements build (#24043) (8a86cfb), closes #24034
• modal: fix backdrop animation for sheets with off-center backdropBreakpoint (#24061) (49db6d0)
• react: overlays shown with useIonModal and useIonPopover no longer render outside of main react tree (f3e492c), closes #23516 #23516

Features

• angular: build for angular 12.0 (#23970) (3451a34)

6.0.0-rc.0 (2021-10-07)

Bug Fixes

• angular: setup config properly (#24028) (907996c)

6.0.0-beta.7 (2021-10-06)

Bug Fixes

• datetime: add ionBlur/ionFocus events to whole component (#23980) (86a77bd)
• datetime: change now emitted when picker is typed into (#24018) (0320164)
• datetime: ionChange is no longer called for out of range dates (#23940) (ea39c6e), closes #23939
• datetime: time picker uses new iOS 15 style (#23996) (0ab37b5), closes #23768
• modal: backdropBreakpoint is now an exclusive value (#23954) (ed455ab)
• react: ensure inline modal content is visible (#23968) (285a371)
• reorder-group: wait for content to render before getting scroll position (#24007) (225a278), closes #23875
• select: ensure popover options with number values are searched for correctly (#23998) (c204083)
• select: focus selected item in popovers (#23991) (2497a53)

Features

• all: add CustomEvents types to components that emit events (#23956) (8708095), closes #22925
• header, footer: add ios fading header style (#24011) (7ce3959)

BREAKING CHANGES

• all: The RadioChangeEventDetail interface has been removed in favor of RadioGroupChangeEventDetail.

6.0.0-beta.6 (2021-09-15)

Bug Fixes

• modal: add sheet modal properties for angular (#23899) (d1763fc)
• modal: expose breakpoint props in ModalOptions interface (#23867) (5fd80fd), closes #23866
• modal: handle on sheet modal can now be turned off (#23900) (e2d2ad6)
• modal: modal displays in middle of screen on desktop (#23911) (9d87028)
• modal: sheet animation works correctly if breakpoints value does not include 1 (#23927) (414f246)
• modal: sheet modal handle is now positioned correctly (#23901) (58a4ba2)
• modal: sheet modal now accounts for safe area (#23884) (195d817), closes #23874

Features

• datetime: add ability to select only month, year, or month and year (#23913) (4ae44b7)
• datetime: add clear button (#23920) (18765e7), closes #17482
• menu: add console error for incorrect usage of contentId (#23871) (879ab8e), closes #23810
• platform: add ability to override platform detection methods (#23915) (45cabae), closes #19737
• react: add custom elements bundle (#23896) (c50d895)

6.0.0-beta.5 (2021-09-01)

Bug Fixes

• angular: overlay interfaces are now properly exported (#23847) (c925274), closes #23846
• datetime: prevent vertical page scroll on interaction (#23780) (950350a), closes #23554
• item: form validation states are now properly shown (#23853) (5ca2ce9), closes #23733 #23850
• overlays: thrown errors are no longer suppressed (#23831) (a212eb5), closes #22724

Features

• modal: add bottom sheet functionality (#23828) (12216d3), closes #21039
• popover: add ability to pass event to present method (#23827) (1d2ee92), closes #23813

6.0.0-beta.4 (2021-08-18)

Bug Fixes

• datetime: reduce time presentation min height (#23771) (bc4e826), closes #23690
• datetime: text color on ios mode now accounts for color contrast (#23729) (5980db4), closes #23723
• item: highlight now appears above helper/error text (#23763) (2995e33), closes #23510
• toast: ToastOptions interface now contains icon prop (#23737) (fbd32ff), closes #23736
• vue: custom element internal properties are no longer overridden in vue 3.1.0 (#23738) (ea39c70), closes #23539
• vue: modal and popover components now correctly pass properties (#23761) (578b906), closes #23698

Features

• action-sheet: add data property to ActionSheetButton (#23744) (30f8508), closes #23700
• datetime: add firstDayOfWeek property (#23692) (ea348f0), closes #23556
• datetime: add hourCycle property (#23686) (6342fde), closes #23661

6.0.0-beta.3 (2021-08-04)

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

6.0.0-beta.2 (2021-07-21)

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: add keyboard year navigation (#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)

6.0.0-beta.1 (2021-07-01)

Bug Fixes

• accordion: improved reliability of accordion animations (#23531) (6fbd60b), closes #23504
• content: add touch-action manipulation for a11y 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

• input, select, textarea: Updated the placeholder property on ion-input, ion-textarea, and ion-select to have a type of string | undefined.

6.0.0-beta.0 (2021-06-23)

Bug Fixes

• accordion: toggle icon now shows up in vue and react (#23426) (c716617)
• datetime: changing time emits ionChange (#23463) (b0cce36)
• modal, popover: overlays now automatically determine if they are inline (#23434) (8dbe8ba)
• modal: add additional padding to toolbars in iOS modal (#23262) (a037b65), closes #22778
• modal: border radius is correctly set on card style modal (#23461) (bccb8ad)
• popover: shadow parts now correctly added (#23446) (e1a9613)
• popover: update prop defaults, use correct delegate (#23340) (960778a)
• searchbar: showClearButton now defaults to 'always' for improved usability with screen readers (#23475) (80f181d)
• vue: ensure webpack does not eliminate core css (#23465) (ee3a00f)

Code Refactoring

• all: update required browser, framework, and mobile platform versions for v6 (#23443) (c842dd8)
• angular: remove Config.set() method (#22918) (9e05891)
• 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
• toast: whitespace variable now defaults to normal (#22866) (9b78689)
• 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: account for ionShadowTarget elements (#23436) (0e38d42)
• 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 14 (#22397) (2a5b272)
• vue: add custom elements bundle (#23458) (dc48a9f)

BREAKING CHANGES

• searchbar: The showClearButton property on ion-searchbar now defaults to 'always'.
• 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.
• all: Browser, JS Framework, and mobile platform minimum required versions have been updated.
• popover: Converted ion-popover to use the Shadow DOM.
• vue: - Dropped support for prefixed overlay events in favor of non prefixed events (I.e. @onDidDismiss becomes @didDismiss).

• Minimum required version of Vue is now Vue v3.0.6 or newer.

• 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.
• 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.
• ios: The tab bar and toolbar default background colors have been updated to better reflect the latest iOS styles.
• header: The last toolbar in the header with a collapsible large title no longer has a border.
• toast: The --white-space CSS Variable now defaults to normal.

6.0.0-rc.2 (2021-11-03)

Bug Fixes

• all: resolve compilation issues with Stencil 2.10 (#24152) (8b940e5), closes #24153
• datetime: resolve month and year jumping issue on ios (#24142) (27aef93), closes #23910

6.0.0-rc.1 (2021-10-27)

Bug Fixes

• accordion-group: ionChange is now fired properly in vue (#24063) (61b99d1), closes #23762
• angular: resolve issues with ng add on angular 12 (#23970) (3451a34)
• datetime: clear button is now rendered even if showDefaultButtons is false (#24075) (e3996cf)
• datetime: default sizing preserves shape of datetime (#24104) (71fab0f)
• infinite-scroll: infinite scroll event now fired with custom elements build (#24043) (8a86cfb), closes #24034
• modal: fix backdrop animation for sheets with off-center backdropBreakpoint (#24061) (49db6d0)
• react: overlays shown with useIonModal and useIonPopover no longer render outside of main react tree (f3e492c), closes #23516 #23516

6.0.0-rc.0 (2021-10-07)

Bug Fixes

• angular: setup config properly (#24028) (907996c)

6.0.0-beta.7 (2021-10-06)

Bug Fixes

• datetime: ionBlur and ionFocus now fires correctly (#23980) (86a77bd)
• datetime: ionChange is no longer called for out of range dates (#23940) (ea39c6e), closes #23939
• datetime: time picker uses new iOS 15 style (#23996) (0ab37b5), closes #23768
• modal: backdropBreakpoint is now an exclusive value (#23954) (ed455ab)
• react: ensure inline modal content is visible (#23968) (285a371)
• reorder-group: wait for content to render before getting scroll position (#24007) (225a278), closes #23875
• select: ensure popover options with number values are searched for correctly (#23998) (c204083)
• select: focus selected item in popovers (#23991) (2497a53)

Features

• all: add CustomEvents types to components that emit events (#23956) (8708095), closes #22925
• header, footer: add ios fading header style (#24011) (7ce3959)

BREAKING CHANGES

• radio: The RadioChangeEventDetail interface has been removed in favor of RadioGroupChangeEventDetail.

6.0.0-beta.6 (2021-09-15)

Bug Fixes

• menu: add console error for incorrect usage of contentId (#23871) (879ab8e), closes #23810
• modal: add sheet modal properties for angular (#23899) (d1763fc)
• modal: expose breakpoint props in ModalOptions interface (#23867) (5fd80fd), closes #23866
• modal: handle on sheet modal can now be turned off (#23900) (e2d2ad6)
• modal: modal displays in middle of screen on desktop (#23911) (9d87028)
• modal: sheet animation works correctly if breakpoints value does not include 1 (#23927) (414f246)
• modal: sheet modal handle is now positioned correctly (#23901) (58a4ba2)
• modal: sheet modal now accounts for safe area (#23884) (195d817), closes #23874

Features

• datetime: add ability to select only month, year, or month and year (#23913) (4ae44b7)
• datetime: add clear button (#23920) (18765e7), closes #17482
• platform: add ability to override platform detection methods (#23915) (45cabae), closes #19737
• react: add custom elements bundle (#23896) (c50d895)

6.0.0-beta.5 (2021-09-01)

Bug Fixes

• angular: overlay interfaces are now properly exported (#23847) (c925274), closes #23846
• datetime: prevent vertical page scroll on interaction (#23780) (950350a), closes #23554
• item: form validation states are now properly shown (#23853) (5ca2ce9), closes #23733 #23850
• overlays: thrown errors are no longer suppressed (#23831) (a212eb5), closes #22724

Features

• modal: add bottom sheet functionality (#23828) (12216d3), closes #21039
• popover: add ability to pass event to present method (#23827) (1d2ee92), closes #23813

6.0.0-beta.4 (2021-08-18)

Bug Fixes

• datetime: reduce time presentation min height (#23771) (bc4e826), closes #23690
• datetime: text color on ios mode now accounts for color contrast (#23729) (5980db4), closes #23723
• item: highlight now appears above helper/error text (#23763) (2995e33), closes #23510
• toast: ToastOptions interface now contains icon prop (#23737) (fbd32ff), closes #23736
• vue: custom element internal properties are no longer overridden in vue 3.1.0 (#23738) (ea39c70), closes #23539
• vue: modal and popover components now correctly pass properties (#23761) (578b906), closes #23698

Features

• action-sheet: add data property to ActionSheetButton (#23744) (30f8508), closes #23700
• datetime: add firstDayOfWeek property (#23692) (ea348f0), closes #23556
• datetime: add hourCycle property (#23686) (6342fde), closes #23661

6.0.0-beta.3 (2021-08-04)

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

6.0.0-beta.2 (2021-07-21)

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: add keyboard year navigation (#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)

6.0.0-beta.1 (2021-07-01)

Bug Fixes

• accordion: improved reliability of accordion animations (#23531) (6fbd60b), closes #23504
• content: add touch-action manipulation for a11y 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

• input, select, textarea: Updated the placeholder property on ion-input, ion-textarea, and ion-select to have a type of string | undefined.

6.0.0-beta.0 (2021-06-23)

Bug Fixes

• accordion: toggle icon now shows up in vue and react (#23426) (c716617)
• datetime: changing time emits ionChange (#23463) (b0cce36)
• modal: add additional padding to toolbars in iOS modal (#23262) (a037b65), closes #22778
• modal: border radius is correctly set on card style modal (#23461) (bccb8ad)
• modal, popover: overlays now automatically determine if they are inline (#23434) (8dbe8ba)
• popover: shadow parts now correctly added (#23446) (e1a9613)
• popover: update prop defaults, use correct delegate (#23340) (960778a)
• searchbar: showClearButton now defaults to 'always' for improved usability with screen readers (#23475) (80f181d)
• vue: ensure webpack does not eliminate core css (#23465) (ee3a00f)

Code Refactoring

• all: update required browser, framework, and mobile platform versions for v6 (#23443) (c842dd8)
• angular: remove Config.set() method (#22918) (9e05891)
• 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
• toast: whitespace variable now defaults to normal (#22866) (9b78689)
• 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: account for ionShadowTarget elements (#23436) (0e38d42)
• 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 14 (#22397) (2a5b272)
• vue: add custom elements bundle (#23458) (dc48a9f)

BREAKING CHANGES

• searchbar: The showClearButton property on ion-searchbar now defaults to 'always'.
• 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.
• all: Browser, JS Framework, and mobile platform minimum required versions have been updated.
• popover: Converted ion-popover to use the Shadow DOM.
• vue: - Dropped support for prefixed overlay events in favor of non prefixed events (I.e. @onDidDismiss becomes @didDismiss).

• Minimum required version of Vue is now Vue v3.0.6 or newer.

• 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.
• 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.
• ios: The tab bar and toolbar default background colors have been updated to better reflect the latest iOS styles.
• header: The last toolbar in the header with a collapsible large title no longer has a border.
• toast: The --white-space CSS Variable now defaults to normal.