Package detail

@ionic/core

ionic-team781.3kMIT8.4.1

Base components for Ionic

ionic, framework, stencil, mobile, app, webapp, capacitor, cordova, electron, progressive web app, pwa

Ionic

Ionic is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a single codebase with JavaScript and the Web.

Ionic is based on Web Components, which enables significant performance, usability, and feature improvements alongside support for popular web frameworks like Angular, React, and Vue.

Quickstart · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter

Packages

Project	Package	Links
Core	`@ionic/core`	`README.md`
Angular	`@ionic/angular`	`README.md`
Vue	`@ionic/vue`	`README.md`
React	`@ionic/react`	`README.md`

Looking for the ionic-angular package? Ionic 3 has been moved to the ionic-v3 repo. See Earlier Versions.

Getting Started

Start a new project by following our documentation. We would love to hear from you! If you have any feedback or run into issues using our framework, please file an issue on this repository.

Migration Guides

Already have an Ionic app? These guides will help you migrate to the latest versions.

Examples

The Ionic Conference App is a full featured Ionic app. It is the perfect starting point for learning and building your own app.

Contributing

Thanks for your interest in contributing! Read up on our guidelines for contributing and then look through our issues with a help wanted label.

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Earlier Versions

The source code for earlier versions of the Ionic Framework may exist in other repositories. Please open issues and pull requests in their respective repositories.

Ionic 2/3: Moved to ionic-team/ionic-v3
Ionic 1: Moved to ionic-team/ionic-v1

Change Log

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

8.4.0 (2024-11-04)

Bug Fixes

alert: use correct heading structure for subHeader when header exists (#29964) (0fdcb32)

Features

menu: pass role to ionWillClose and ionDidClose events (#29954) (ee2fa19)
segment-view: adds support for new ion-segment-view component (#29969) (89508fb)
select: add modal as interface (#29972) (3628ea8)

8.3.4 (2024-10-30)

Bug Fixes

angular: add missing 'compareWith' input to standalone ion-radio-group (#29870) (47ba703), closes #29826
backdrop: remove tabindex for improved accessibility (#29956) (7294e96), closes #29773
input, textarea: ensure screen readers announce helper and error text when focused (#29958) (5a73145)
overlay: hide from screen readers while animating (#29951) (cb60073), closes #29857
overlays: do not hide root when toast appears (#29962) (322d7c9), closes #29773
overlays: hide the focus trap div from screen readers (#29970) (c3b58f1), closes #29858
vue: incorrect view rendered when using router.go(-n) (#29877) (e32fbe0), closes #28201 #28201 #29847

8.3.3 (2024-10-16)

Bug Fixes

tabs, tab-bar: use standalone tab bar in Vue, React (#29940) (b7b383b), closes #29885 #29924

8.3.2 (2024-10-02)

Bug Fixes

segment: prevent flickering for scrollable on iOS (#29884) (078ed0b), closes #29523

8.3.1 (2024-09-17)

Bug Fixes

checkbox: align checkbox properly in item using start alignment (#29850) (88b7013), closes #29837
datetime: display today's date and time when value is an empty string (#29839) (f1d50c0), closes #29669
range: disable scroll when range is being dragged (#29241) (35b1a45)
react, vue: add default value for navManager on tabs (#29865) (df39cea)
react: revert react output target version (#29869) (f64458d), closes ionic-team/stencil-ds-output-targets#476 ionic-team/stencil-ds-output-targets#475 #29848

8.3.0 (2024-09-05)

Features

checkbox: display as block when justify or alignment properties are defined (#29783) (4ccd15e)
radio: display as block when justify or alignment properties are defined (#29801) (18b02b3)
react, vue, angular: use tabs without router (#29794) (867066b), closes #25184
toggle: display as block when justify or alignment properties are defined (#29802) (0332c8c)

8.2.8 (2024-09-05)

Bug Fixes

range: emit correct value when knob is at start of bar (#29820) (6a3d7c7), closes #29792
react: intellisense works with IntelliJ (#29782) (bacded5), closes #29755

8.2.7 (2024-08-13)

Bug Fixes

alert: do not overwrite id set in htmlAttributes (#29708) (1295ced), closes #29704
angular: add focusTrap prop to modal and popover (#29729) (05913c3), closes #29728
angular: remove the tabindex set by routerLink from Ionic components (#29744) (20073e1), closes #20632
content: allow custom roles and aria attributes to be set on content (#29753) (7b16397)
item: router-link remains clickable with item cover (#29743) (a9f278a)
overlays: do not overwrite id set in htmlAttributes (#29722) (92ce563), closes #29712
react: add onPointerDown, onTouchEnd, add onTouchMove (#29736) (bfee3cd), closes #29174
vue: pass router-link value to href to properly render clickable elements (#29745) (ab4f279)

8.2.6 (2024-07-24)

Bug Fixes

alert: do not overwrite id set in htmlAttributes (#29708) (1295ced), closes #29704
angular: add focusTrap prop to modal and popover (#29729) (05913c3), closes #29728
overlays: do not overwrite id set in htmlAttributes (#29722) (92ce563), closes #29712

8.2.5 (2024-07-03)

Bug Fixes

dependencies: use latest @stencil/core to remove DOMException errors (#29685) (d70ea4), closes #29681
vue: add optional IonicConfig type parameter to IonicVue plugin (#29637) (90893f4), closes #29659

8.2.4 (2024-06-28)

Bug Fixes

angular: popover arrow navigation with disabled items (#29662) (ceb41f3), closes #29640

8.2.3

This version should be skipped. Install 8.2.4 instead.

8.2.2 (2024-06-12)

Bug Fixes

refresher: show when content is fullscreen (#29608) (5cdfac8), closes #18714

8.2.1 (2024-06-05)

react: export InputInputEventDetail type (#29512) (624ceba), closes #29518

8.2.0 (2024-05-22)

Features

angular: setting props on a signal works (#29453) (4640e04), closes #28876

8.1.3 (2024-05-22)

Bug Fixes

core: malformed URIs will not throw exception (#29486) (4a41983), closes #29479

8.1.2 (2024-05-15)

Bug Fixes

many: do not grow slotted checkboxes, radios, selects and toggles (#29501) (c63d07b), closes #29423
picker: update keyboard navigation (#29497) (32bc681)

8.1.1 (2024-05-08)

Bug Fixes

angular: add formatOptions property to standalone datetime (#29468) (bb1db52), closes #29464
angular: persist select disabled state in item (#29448) (dfb72d7), closes #29234
angular: set active segment button when dynamically changing items (#29418) (ee83388), closes #29414
radio: persist checked state when items are updated in radio-group (#29457) (7ea14ae), closes #29442

8.1.0 (2024-05-01)

Features

add experimental transition focus manager (#29400) (5b686ef), closes #23650
content: add fixedSlotPlacement prop (#29233) (90a7e70)
datetime: pass roles to overlay when dismissing (#29221) (6945adc), closes #28298
input: add clearInputIcon property (#29246) (0f5d1c0), closes #26974
modal, popover: add ability to temporarily disable focus trapping (#29379) (7c00351), closes #24646
picker: picker column is easier to select with assistive technology (#29371) (e38e2e4), closes #25221

8.0.2 (2024-05-01)

Bug Fixes

datetime: navigating months in RTL works correctly (#29421) (4d09890), closes #29198
ios: large title transition accounts for back button with no text (#29327) (bd8d065), closes #28751
md: item border has improved contrast in dark mode (#29398) (fa85f03), closes #29386
select: options are visible with fit-content width and fill outline (#29408) (f15b62a), closes #29321

8.0.1 (2024-04-24)

Bug Fixes

input: clear button can be navigated using screen reader (#29366) (ee49824), closes #29358
input: debounce is set with binding syntax in angular on load (#29377) (23321f7), closes #29374

8.0.0 (2024-04-17)

Note: Version bump only for package ionic-framework

8.0.0-rc.2 (2024-04-17)

Bug Fixes

dark-palette: improve base colors (#29239) (4698d22), closes #29219
form-controls: adjust flex properties inside of an item (#29328) (9b59138), closes #29319

7.8.5 (2024-04-17)

Bug Fixes

modal: improve sheet modal scrolling and gesture behavior (#29312) (9738228), closes #24583

8.0.0-rc.1 (2024-04-10)

Bug Fixes

button: use clamp for font sizes on circle shape (#29200) (4d6edee)

7.8.4 (2024-04-10)

Performance Improvements

styles: compress distributed global stylesheets (#29275) (b3cd49b)

7.8.3 (2024-04-03)

Bug Fixes

button: activated outline button in toolbar no longer blends into background on MD dark mode (#29216) (ee5da7a)
popover: viewport can be scrolled if no content present (#29215) (f08759c), closes #29211

8.0.0-rc.0 (2024-03-27)

Note: Version bump only for package ionic-framework

8.0.0-beta.4 (2024-03-27)

Bug Fixes

angular: schematics account for new theme files (#29185) (b0a10df)

Code Refactoring

haptics: remove cordova haptics support (#29186) (9efeb0a)
searchbar: autocapitalize defaults to off (#29107) (6e477b7)

Features

button: add circular shape as round (#29161) (44529f0)
input: add input-password-toggle component (#29175) (6c500fd)
remove css animations support for ionic animations (#29123) (892594d)

BREAKING CHANGES

searchbar: The autocapitalize property on Searchbar now defaults to 'off'.
haptics: Support for the Cordova Haptics plugin has been removed. Components that integrate with haptics, such as ion-picker and ion-toggle, will continue to function but will no longer play haptics in Cordova environments. Developers should migrate to Capacitor to continue to have haptics in these components.

7.8.2 (2024-03-27)

Bug Fixes

searchbar: autocapitalize is initialized correctly (#29197) (8ad66c0), closes #29193

8.0.0-beta.3 (2024-03-20)

Bug Fixes

input, textarea, select: account for multiple start/end slot elements (#29172) (acc1042)
range, select: prefer labels passed by developer (#29145) (56014cf)

Features

rename dark/high-contrast themes to palettes (#29149) (761e1b4)

7.8.1 (2024-03-20)

Bug Fixes

datetime: wheel picker shows consistently in overlays (#29147) (19c1bc1), closes #26234
header: iOS headers in MD app are not hidden (#29164) (fdfecd3), closes #28867
react: avoid definitely typed errors with @types/react@18 (#29182) (58d217d), closes #29178

Performance Improvements

datetime: calendar body shows immediately in modal on ios (#29163) (f759776), closes #24542

8.0.0-beta.2 (2024-03-13)

Code Refactoring

item: remove deprecated apis (#29102) (743f517)

Features

input,textarea,select: add --highlight-height variable (#29090) (13b7f8a)
menu: apply strict type for menu type (#28982) (03d2670)

BREAKING CHANGES

item: - The helper slot has been removed. Developers should use the helperText property on ion-input and ion-textarea.
The error slot has been removed. Developers should use the errorText property on ion-input and ion-textarea.
Counter functionality has been removed including the counter and counterFormatter properties. Developers should use the properties of the same name on ion-input and ion-textarea.
The fill property has been removed. Developers should use the property of the same name on ion-input, ion-select, and ion-textarea.
The shape property has been removed. Developers should use the property of the same name on ion-input, ion-select, and ion-textarea.

7.8.0 (2024-03-13)

Features

datetime: formatOptions property for Datetime (#29065) (7cdbc1b)
searchbar: autocapitalize, dir, lang, maxlength, and minlength are inherited to native input (#29098) (a0a77f7), closes #27606

7.7.5 (2024-03-13)

Bug Fixes

angular: add ionNavWillChange and ionNavDidChange types for nav (#29122) (85b9d5c), closes #29114
checkbox: set aria-checked of indeterminate checkbox to 'mixed' (#29115) (b2d636f)
overlay: do not hide overlay if toast is presented (#29140) (c0f5e5e), closes #29139

8.0.0-beta.1 (2024-03-06)

Bug Fixes

input-shims: disable input blurring util by default (#29104) (bf1701e), closes #29072
item, item-divider: slotted spacing is correct (#29103) (ac72531)

Code Refactoring

item: do not automatically delegate focus (#29091) (05e721d), closes #21982

Performance Improvements

picker: avoid flicker on ios (#29101) (94c3ffc)

BREAKING CHANGES

item: - Item no longer automatically delegates focus to the first focusable element. While most developers should not need to make any changes to account for this update, usages of ion-item with interactive elements such as form controls (inputs, textareas, etc) should be evaluated to verify that interactions still work as expected.

7.7.4 (2024-03-06)

Bug Fixes

modal: ariaLabel and role are inherited when set via htmlAttributes (#29099) (de13633)

8.0.0-beta.0 (2024-02-28)

Bug Fixes

angular: transition plays when using browser buttons (#28530) (9883eac), closes #16569
button: wrap text by default (#28682) (666a01d), closes #8700
datetime: set default background color correctly (#28809) (3929b01)
menu: menu can be encapsulated in a component (#28801) (76f6362), closes #16304 #20681
nav: getLength is part of the public API (#28832) (4fd05b6), closes #28826
overlays: prevent scroll gestures when the overlay is presented (#28415) (7ba939f), closes #23942
themes: modify the dark themes to use :root for mode-specific styles (#28833) (a8e1e16)
toggle: set switch icon color correctly (#28812) (749df5b)

Code Refactoring

checkbox: remove legacy property and support for legacy syntax (#29043) (fb5ae5b)
input: remove accept property (#28946) (2816b87)
radio: remove legacy property and support for legacy syntax (#29038) (58d7315)
range: remove legacy property and support for legacy syntax (#29040) (58c795f)
toast: remove cssClass from ToastButton (#28977) (9856295)
toggle: remove legacy property and support for legacy syntax (#29037) (c72eced)

Features

action-sheet: add disabled button (#28723) (e76d729)
add high contrast themes (#29010) (ca61e50)
alert: update styles to iOS 17 specs (#28726) (979b2f6)
angular: remove IonBackButtonDelegate (#29030) (6baf005)
checkbox: update styles to iOS 17 specs (#28729) (45907aa)
datetime-button: update design to match iOS 17 spec (#28730) (4649637)
datetime: align active datetime font size with ios 17 (#28738) (a3b8254)
input: remove size property in favor of CSS styling (#28903) (a393d2a)
modal: remove capacitor 2 support for status bar styles (#29028) (1fb8ff7)
modal: update styles to iOS 17 specs (#28748) (ff80155)
picker: add inline picker (#28689) (cd5c099), closes #24905 #26840 #15710
progress-bar: update styles to iOS 17 specs (#28759) (f65235a)
searchbar: update styles to iOS 17 specs (#28728) (48c0d2c)
tab-button: update styles to iOS 17 specs (#28754) (63ea967)
theme: export light theme tokens (#28802) (e1f9850)
theme: improved color contrast with color palette (#28791) (15e368c)
toggle: update styles to iOS 17 specs (#28722) (0ce0693)

Performance Improvements

angular: views are not moved on mount (#28544) (77a0640), closes #28534

BREAKING CHANGES

range: The legacy property and support for the legacy syntax, which involved placing an ion-range inside of an ion-item with an ion-label, have been removed from range. For more information on migrating from the legacy range syntax, refer to the Range documentation.
checkbox: The legacy property and support for the legacy syntax, which involved placing an ion-checkbox inside of an ion-item with an ion-label, have been removed from checkbox. For more information on migrating from the legacy checkbox syntax, refer to the Checkbox documentation.
radio: The legacy property and support for the legacy syntax, which involved placing an ion-radio inside of an ion-item with an ion-label, have been removed from radio. For more information on migrating from the legacy radio syntax, refer to the Radio documentation.
toggle: The legacy property and support for the legacy syntax, which involved placing an ion-toggle inside of an ion-item with an ion-label, have been removed from toggle. For more information on migrating from the legacy toggle syntax, refer to the Toggle documentation.
toast: The cssClass property has been removed from ToastButton
input: The accept property has been removed from ion-input.
nav: getLength returns Promise<number> instead of <number>. This method was not previously available in Nav's TypeScript interface, but developers could still access it by casting Nav as any. Developers should ensure they await their getLength call before accessing the returned value.
button: Button text now wraps by default.
Content no longer sets the --background custom property when the .outer-content class is set on the host.
breaking: The supported JS Framework and Browser/Platform versions have been revised for Ionic 8

7.7.3 (2024-02-21)

Bug Fixes

label: do not grow when in end slot (#29036) (1fc4b76), closes #29033
overlays: focus is returned to last focus element when focusing toast (#28950) (2ed0ada), closes #28261

7.7.2 (2024-02-14)

Bug Fixes

overlays: do not return focus if application has already moved focus manually (#28850) (a016670), closes #28849
overlays: ensure that only topmost overlay is announced by screen readers (#28997) (ba4ba61), closes #23472
popover: render arrow above backdrop (#28986) (0a8964d), closes #28985

7.7.1 (2024-02-07)

Bug Fixes

action-sheet: iOS dismiss animation respects safe area (#28915) (7449fb4), closes #28541
overlays: tear down animations after dismiss (#28907) (950fa40), closes #28352
react: route with redirect will mount page (#28961) (5777ce2), closes #28838
select: popover can be scrolled (#28965) (35ab6b4), closes #28963

7.7.0 (2024-01-31)

Features

add experimental hardware back button support in browsers (#28705) (658d1ca), closes #28703

7.6.7 (2024-01-31)

Bug Fixes

accordion: prevent opening of readonly accordion using keyboard (#28865) (e10f49c), closes #28344
action-sheet, alert, toast: button roles autocomplete with available options (#27940) (f6fc22b), closes #27965
item: ensure button focus state on property change (#28892) (bf7922c), closes #28525
item: only default slot content wraps (#28773) (9448783), closes #28769

7.6.6 (2024-01-24)

Bug Fixes

alert: remove border-right on ios stacked buttons (#28821) (ad65824)
datetime: do not animate to new value when multiple values in different months are set (#28847) (9262f7d), closes #28602
datetime: enter closes keyboard when typing time (#28848) (c47a16d), closes #28325
menu: improve reliability of main content not being scrollable when menu opens (#28829) (9603a4d), closes #28399
popover: content inside of popover scrolls correctly (#28861) (10c38d0), closes #28455
segment: setting value via binding updates button state (#28837) (0847c2a), closes #28816
select: click handlers on slotted content fire (#28839) (aed7a03), closes #28818
vue: tabs and parameterized routes work with latest vue (#28846) (5bc4399), closes #28774

7.6.5 (2024-01-17)

Bug Fixes

angular: add old IonBackButtonDelegate import (#28831) (fb77353), closes #28827
list: remove uneeded border radius from items in inset list (#28830) (dbaaa5b)

7.6.4 (2024-01-10)

Bug Fixes

input: slotted buttons are clickable (#28772) (4ccc150), closes #28762

7.6.3 (2024-01-03)

Bug Fixes

datetime: selected today button renders correctly on ios (#28740) (2f99aea)
nav, router-outlet: ios page transition does not cover menu on larger screens (#28745) (878eec6), closes #28737
radio-group: radio disabled prop can be undefined (#28712) (75ffeee), closes #28677
refresher: native ios refresher works on iPadOS (#28620) (e522601), closes #28617

7.6.2 (2023-12-19)

Bug Fixes

input, textarea, select: reduce padding on slotted buttons (#28676) (516b844)
item: label does not expand indefinitely (#28700) (bc51dd0)
refresher: mode property can be used in typescript (#28717) (7ce1031), closes #28716

7.6.1 (2023-12-13)

Bug Fixes

datetime: prefer wheel sets working value on confirmation (#28520) (e886e3f), closes #25839
input, textarea: clearOnInput ignores key modifiers (#28639) (8f7d87c), closes #28633
menu: allow styling of the box shadow and transform when visible inside of a split pane (#28691) (8ee23d2), closes #21530
react: avoid type collision with @types/react@18.2.43 and greater (#28687) (92f1b86)
react: replacing route uses new route direction and animation (#28671) (a17b963), closes #24260
react: use custom animation when going back after a replace (#28674) (fc88613), closes #28673

7.6.0 (2023-12-06)

Bug Fixes

angular,vue: range form value updates while dragging knob (#28422) (0854a11), closes #28256
animation: add stronger types to Animation interface (#28334) (4a088d5)
animation: progressEnd coercion is reset before onFinish (#28394) (eae8162), closes #28393
infinite-scroll: remaining in threshold after ionInfinite can trigger event again on scroll (#28569) (8c235fd), closes #18071
item: allow item to grow when it is used in a flex container (#28594) (1c1b567)
item: wrap elements and label contents when the font size increases or the elements do not fit (#28146) (6438e3e)
select: do not collapse to width: 0 when placed in flex container (#28631) (e71e7a0)
toast: add swipeGesture to ToastOptions (#28518) (4ad6df6)

Features

checkbox: add shadow part for label (#28604) (f9f5654), closes #28300
input, textarea, select: add start and end slots (#28583) (357b8b2), closes #26297
radio-group: add compareWith property (#28452) (0ae327f)
radio: add shadow part for label (#28607) (b757970), closes #28300
range: expose label wrapper as shadow part (#28601) (52ed2bf)
toast: add swipe to dismiss functionality (#28442) (30c21aa), closes #21769
toggle: expose label wrapper as shadow part (#28585) (a34188f)

Note: Text inside of ion-item can now wrap to resolve accessibility issues related to readability. We recommend evaluating your application to account for text wrapping.

7.5.8 (2023-12-06)

Bug Fixes

angular: add missing menu controller methods (#28618) (7871b56), closes #20053
overlays: trigger is configured on load (#28526) (a3cd204), closes #28524
react: router creates new view instances of parameterized routes (#28616) (1705d06), closes #26524
vue: nav component accepts kebab-case component properties (#28615) (60303aa), closes #28611

7.5.7 (2023-11-29)

Bug Fixes

alert: date inputs render correctly in mobile safari (#28495) (b833f0e), closes #28494
datetime: allow disabling datetime with prefer-wheel (#28511) (01130e1)

7.5.6 (2023-11-21)

Bug Fixes

alert: match MD spec on tablet (#28501) (6a2be9f), closes #23977
angular: ng add @ionic/angular in standalone projects (#28523) (c07312e), closes #28514
angular: overlays are defined when using standalone controllers (#28560) (9453132), closes #28385
datetime: updating value with min scrolls to new value (#28549) (388d19e), closes #28548

7.5.5 (2023-11-15)

Bug Fixes

accordion-group: correct accordion is open on load (#28510) (a000dd2), closes #28506
action-sheet: adjust height for safe area with scrollable options (#28504) (900267e), closes #27777
header: collapsible large title does not flicker when collapse prop not reflected (#28472) (8227b0e), closes #28466
item-divider: apply safe area to proper side regardless of direction (#28420) (4513e0c)
radio-group: emit value change on componentDidLoad (#28488) (73b8bfd), closes #28356
searchbar: cancel icon aligns with back button (#28478) (c053fd9), closes #28468

7.5.4 (2023-11-08)

Bug Fixes

inputs: remove invalid legacy warnings in input, textarea, and select (#28484) (c765dcb)
item: apply safe area to proper side regardless of direction (#28403) (ed040b0)
list: remove border from last item with item-sliding (#28439) (cafafcc), closes #28435

7.5.3 (2023-11-01)

Bug Fixes

alert: long words wrap to next line (#28408) (34257d6), closes #28406
angular: inputs on standalone form controls are reactive (#28434) (3b6e631), closes #28431
angular: NavController works with nested outlets (#28421) (90acad1), closes #28417
angular: run platform subscriptions inside zone (#28404) (a4b303e), closes #19539
angular: standalone form components do not error when multiple are used (#28423) (89698b3), closes #28418
datetime: allow calendar navigation in readonly mode; disallow keyboard navigation when disabled (#28336) (f6a6877), closes #28121
input, textarea, select: use consistent sizes (#28390) (b31ecbb), closes #28388
list-header: apply safe area to proper side regardless of direction (#28371) (f99d530)
segment: avoid scrolling webkit bug (#28376) (8e2f818), closes #28373
tab-bar: apply safe area to proper side regardless of direction (#28372) (d47b7e7)

7.5.2 (2023-10-25)

Bug Fixes

alert, action-sheet: show scrollbar for long list of options (#28369) (60f3d65), closes #18487
angular: remove form control side effects (#28359) (82d6309), closes #28358
fab: apply safe area in positioning to proper side regardless of direction (#28377) (331c08a)
input, searchbar, textarea: ensure nativeInput is always available (#28362) (2b015b2), closes #28283
menu: menu no longer disappears with multiple split panes (#28370) (5a30082), closes #18683 #15538 #22341
rtl: allow :host to use rtl() (#28353) (6b7d288)

7.5.1 (2023-10-18)

Bug Fixes

angular: do not create duplicate menuController instances (#28343) (fa78676), closes #28337
angular: export missing lifecycle interfaces for standalone package (#28346) (dd93e0b), closes /github.com/ionic-team/ionic-angular-standalone-codemods/pull/13/files/baa37ef1e3e8ba773b693db280542efba815482a#r1356414362
react: cleanup functions are execute for lifecycle hooks (#28319) (1ba9973), closes #28186
react: lifecycle events are removed on page unmount (#28316) (f14a59c)
title: large title transition supports dynamic font scaling (#28290) (fe47594), closes #28351

7.5.0 (2023-10-11)

Bug Fixes

alert: stop Enter keypress for checkboxes (#28279) (72b3899)
select: use correct aria-haspopup value (#28265) (01167fc)
toast: toast does not warn when positionAnchor is undefined (#28312) (c37b3d8)

Features

a11y: add dynamic font scaling (#28314) (f806781), closes #24638 #18592
angular, react, vue, core: export openURL utility (#28295) (6da82aa), closes #27911
angular: ship Ionic components as Angular standalone components (#28311) (57e2476)
datetime: add support for h11 and h24 hour formats (#28219) (597bc3f), closes #23750
toast: allow custom positioning relative to specific element (#28248) (897ff6f), closes #17499

7.4.4 (2023-10-11)

Bug Fixes

animation: play method resolves when animation is stopped (#28264) (e6031fb)
checkbox, radio, toggle: disabled elements are not interactive (#28294) (c70432e), closes #28293
content: fullscreen offset is computed correctly with tab bar (#28245) (7375dd6), closes #21130
core: allow fullscreen scroll content to flow outside container for translucent tab bar (#28246) (b297529), closes #17676
core: swipe to go back gesture has priority over other horizontal swipe gestures (#28304) (d5f0c77), closes #28303
header: collapsible large title main header does not flicker on load (#28277) (3259da0), closes #27060
menu: do not error if disabled or swipeGesture is changed mid-animation (#28268) (a169044), closes #20092 #19676 #19000
segment: scroll to active segment-button on first load (#28276) (1167a93), closes #28096

7.4.3 (2023-10-04)

Bug Fixes

fab-button: position is correct with custom sizes (#28195) (eb41b55), closes #22564
range: knob positions are correct on initial render with custom elements build (#28257) (ac2c8e6), closes #25444

7.4.2 (2023-09-27)

Bug Fixes

react: Nav unmounts component while invoking popTo or popToRoot (#27821) (0edcb2c), closes #27798
title: large title uses custom font on transition (#28231) (71a7af0)

7.4.1 (2023-09-20)

Bug Fixes

overlays: correctly re-add root to accessibility tree (#28183) (81714d4), closes #28180
radio,toggle,checkbox,select: padded space is clickable in items (#28136) (5b7e422), closes #27169
range: knob is not cut off in item with modern syntax (#28199) (0104d89), closes #27199
scroll-assist: improve input scroll accuracy with native resizing (#28169) (b5c736f), closes #22940
scroll-assist: re-run when keyboard changes (#28174) (3f06da4), closes #22940

7.4.0 (2023-09-14)

Bug Fixes

datetime: scroll to newly selected date when value changes (#27806) (32244fb), closes #26391
many: add correct scale to stacked labels (#28163) (8cb8786)
range: add correct margin in item (#28161) (1d2b867)

Features

checkbox, radio, toggle, range: stacked labels for form controls (#28075) (e6c7bb6)
datetime: add disabled part (#28134) (cd8d509)
datetime: add parts for calendar day, active, and today (#27641) (79b005d), closes #25340
export TransitionOptions interface and getIonPageElement (#28140) (19f3bb2), closes #28137

7.3.4 (2023-09-13)

Bug Fixes

menu: remove app dir from safe area padding (#28123) (e0542a7)

7.3.3 (2023-09-06)

Bug Fixes

modal: swipe to dismiss resets status bar style (#28110) (176585f), closes #28105
overlays: prevent overlays from getting stuck open (#28069) (584e9d3), closes #27200
popover: dynamic width popover is positioned correctly (#28072) (2a80eb6), closes #27190 #24780
react: overlay content is shown with hook (#28109) (7b551fd), closes #28102
textarea: cols property is respected (#28081) (6d4eabc), closes #22142

7.3.2 (2023-08-30)

Bug Fixes

datetime: gracefully handle invalid min/max (#28054) (01fc9b4), closes #28041

7.3.1 (2023-08-23)

Bug Fixes

angular: ionTabsWillChange is fired before tab activation (#27991) (bbfb8f8), closes #27212
input, textarea: clearOnEdit does not clear when pressing Tab (#28005) (444acc1), closes #27746
react: avoid multiple invocations of onDidDismiss and onWillPresent (#28020) (0ac3df3), closes #28010

7.3.0 (2023-08-16)

Bug Fixes

alert: radio and checkbox labels wrap to next line (#27898) (0d3127a), closes #17269

Features

action-sheet: add htmlAttributes property for passing attributes to buttons (#27863) (5ce4ec0)
alert: add htmlAttributes property for passing attributes to buttons (#27862) (06be0e5)
toast: add htmlAttributes property for passing attributes to buttons (#27855) (9a68588)
toast: add shadow part for cancel button (#27921) (e9faf54), closes #27920

7.2.4 (2023-08-16)

Bug Fixes

tap-click: do not error in document-less environment (#27972) (28bd4ba)
title: large title aligns with ios spec (#27969) (8fa12fc), closes #27966

7.2.3 (2023-08-09)

Bug Fixes

button: hidden button is added when form is set async (#27955) (e9fa300), closes #27952
datetime: changing months work if partially visible (#27917) (eb19c28), closes #27913
item-sliding: account for options added before watcher (#27915) (a0b3ef0), closes #27910
many: overlays present if isOpen is true on load (#27933) (a0e6ac6), closes #27928
modal: setCurrentBreakpoint respects animated prop (#27924) (da55ab9), closes #27923
nav: improve reliability of swipe back gesture when quickly swiping back (#27904) (9500769), closes #27893
tab-button: update event type interface on React (#27950) (1cf1eca), closes #27949

7.2.2 (2023-08-02)

Bug Fixes

datetime-button: render correct text when passing partial date values (#27816) (bd1910b), closes #27797
input, textarea: input does not block floating label (#27870) (f14c440), closes #27812
item-options: use correct safe area padding (#27853) (0b8f1bc)
radio: radios can be focused and are announced with group (#27817) (ba2f49b), closes #27438
react, vue: custom animations are used when going back (#27895) (824033f), closes #27873
select: popover uses modern form syntax (#27818) (0c117cf), closes #27071 #27786

7.2.1 (2023-07-26)

Bug Fixes

item-sliding: buttons are not interactive on close (#27829) (6e4919c), closes #22722
modal: body background is reset with inline card modals (#27835) (38626d9), closes #27830

7.2.0 (2023-07-19)

Features

angular: support binding routing data to component inputs (#27694) (90f4124), closes #27476
button: allow button to increase in height when text wraps (#27547) (6fe716f)
searchbar: add name property (#27737) (7131037), closes #27675

7.1.4 (2023-07-19)

Bug Fixes

angular: menu button is enabled with Angular Universal builds (#27814) (2cf1a0b), closes #27524 #22206
button: submit form when pressing enter key (#27790) (b78af75), closes #19368
radio, checkbox, toggle: add top and bottom margins when in ion-item (#27788) (35f0ec5), closes #27498
safari no longer adjusts text in landscape (#27787) (66584b0), closes #27782
textarea: stacked/floating textarea size is correct on safari (#27766) (2cb7013), closes #27345

7.1.3 (2023-07-12)

Bug Fixes

avoid unresolved import warning on stencil apps (#27765) (2085025), closes #27762
overlays: first button is not focused on backdrop tap (#27774) (82c568b), closes #27773

7.1.2 (2023-07-06)

Bug Fixes

back-button: show correct background on focus + hover with ios (#27723) (db9a001), closes #27722
nav: root component is mounted with root params (#27676) (1f06be4), closes #27146

7.1.1 (2023-06-26)

Bug Fixes

textarea: autogrow resizes correctly (#27691) (f263611), closes #27688

7.1.0 (2023-06-21)

Bug Fixes

angular: tabs supports conditional slot bindings (#27582) (d20bea5), closes #19484
datetime: ascending order for years (#27551) (2098806), closes #27422
import paths (d10509f)
select: hide notch cutout if no visible label provided (#27649) (606a892)

Features

datetime: add part for month/year button (#27618) (d44422e), closes #26596
datetime: add shadow parts and CSS variables for styling wheel pickers (#27529) (f2c1845), closes #25945
input: add experimental label slot (#27650) (a45395c), closes #27061
range: add label prop (#27408) (368add2)
return if the pop on NavController was successful (#27404) (e80f0b2), closes #27403
segment, segment-button: update segment value property to accept numbers (#27222) (ec95ae5), closes #27221
segment: display segment as a grid and add an ellipsis to overflowing text in a segment button (#27457) (448e63f), closes #16532
select: add label slot (#27545) (af92cb2), closes #26838
select: add props to customize toggle icons (#27648) (95e28b6), closes #17248
select: expose container and label as CSS parts (#27541) (5c10f88), closes #27112
textarea: add experimental label slot (#27677) (8bcd9e8), closes #27061

7.0.14 (2023-06-15)

Bug Fixes

keyboard: keyboard events emit correctly when Capacitor is available but the Keyboard plugin is not (#27655) (7a38a00), closes #27654
toast: allow color for translucent toast (#27652) (d555375), closes #27567

7.0.13 (2023-06-14)

Bug Fixes

react: onDoubleClick fires on components (#27611) (3e191df), closes #21320

7.0.12 (2023-06-08)

Bug Fixes

refresher: scroll styles are reset when using non-native refresher (#27602) (92c5545), closes #27601

7.0.11 (2023-06-07)

Bug Fixes

header, footer: resolve CSP violations with box shadow (#27560) (e75fa58)
item-sliding: refresh sliding behavior when options are added or removed asynchronously (#27572) (b2a226a), closes #25578
keyboard: listen on correct events for keyboard lifecycle (#27569) (7871210), closes #27558
radio: radio with modern syntax is keyboard navigable (#27530) (d87e692), closes #27268
select: prevent click event from firing twice (#27570) (ba7e60e)

7.0.10 (2023-05-31)

Bug Fixes

angular: remove invalid z-index style (#27559) (2ce00cf)

Performance Improvements

passive event listener for focus visible (#27568) (e54bf14), closes #27566

7.0.9 (2023-05-25)

Bug Fixes

core: handle uncaught native keyboard exceptions (#27514) (0e7359c), closes #27503
react, vue: inline modals apply ion-page class (#27481) (02678f3), closes #27470
segment: remove duplicate ripple effect on pointerup (#27448) (01f9959), closes #27338

7.0.8 (2023-05-24)

Bug Fixes

many: update form controls (radio, checkbox, toggle, input, select) to have consistent disabled opacity (#27396) (995a848), closes #27184
picker-column: correct RTL direction (#27460) (d3dd72f), closes #21205
popover: blur translucent popover in chromium (#27484) (a59eefb), closes #22176

7.0.7 (2023-05-17)

Bug Fixes

accordion: state updates if value changes (#27463) (3cbc592), closes #27461
checkbox, radio: update border colors to match MD2 spec (#27357) (eabc6f3), closes #27170
datetime-button: log error if non-datetime instance is passed (#27456) (7b7e05a)
footer, tab-bar: wait for resize before re-showing (#27417) (70d9854), closes #25990
many: form controls labels have increased margin (#27447) (381de0b), closes #27129
picker-column: dynamically change options (#27359) (7c7fb2b), closes #21763
picker-column: prevSelected is set to the correct value (#27458) (9dc126d), closes #21764
select: floating label covers placeholder when when blurred (#27446) (921bfae), closes #27201
select: modern syntax works with forms (#27480) (13d2d11), closes #27478
spinner: allow resizing of dots, bubbles, and circles (#27424) (e5ae45d), closes #18115
tab-button: use darker text to pass a11y (#27355) (0b23814)

7.0.6 (2023-05-11)

Bug Fixes

content: prevent forceUpdate in SSR (#27440) (e930988), closes #27411
item-sliding: options display on rtl (#27203) (b16fd1d), closes #26103 #25285
modal, popover: wait for contents to mount (#27344) (c98ad6f), closes #27343
overlays: assign incremental id to overlay host (#27278) (9313a91)
range: round value to same number of decimal places as props to avoid floating point rounding errors (#27375) (6e83ba4), closes #21968
react: remove incorrect class key from IonicReactProps (#27432) (415c44c)
types: export DatetimeHighlightStyle (#27360) (a37cdb1), closes #27353

7.0.5 (2023-05-03)

Bug Fixes

many: form components do not take up full width in slot (#27306) (bfe7b38), closes #27305
scroll-assist: set correct scroll padding (#27261) (7e1f996), closes #27257
toggle: swipe gesture applies to knob (#27255) (6524582), closes #27254

7.0.4 (2023-04-26)

Bug Fixes

breadcumb: set background when focused on md (#27274) (01e028b), closes #27273
ios: scroll assist sizes input correctly (#27253) (a874992), closes #27249
modal: set default text color (#27207) (c267b43), closes #26060 /github.com/ionic-team/ionic-framework/blob/main/core/src/components/popover/popover.scss#L42
react: nav will remove components from the DOM (#25763) (beb46bf), closes #25753
select: adjust label alignment when in a card (#27202) (5a2b87c), closes #27086

7.0.3 (2023-04-19)

Bug Fixes

accordion: inset style respects animated property (#27173) (114fe28), closes #27047
datetime: clamp date between min and max when using month picker (#27185) (0385c08), closes #27027
input: string values are emitted (#27226) (cdb0627)
many: dynamic label support for modern form controls (#27156) (30b548b), closes #27085
menu: export menu interfaces (#27227) (80d8c66)
segment-button: update checked state on render (#26970) (16aa977), closes #26830
select: respect --border-radius with modern template (#27213) (6ffbdbb), closes #27208
select: text does not overlap icon (#27125) (6fc0024), closes #27081
textarea: legacy textarea respects padding (#27219) (742d429), closes #27218
toast: screen readers announce content (#27198) (76c8b94), closes #25866
vue: components have correct name in Vue Dev Tools (#27180) (07941a5), closes #25199

7.0.2 (2023-04-12)

Bug Fixes

item: ios active state has correct contrast (#27134) (bbdb0ca), closes #27130
menu: refs are not destroyed on unmount (#27141) (b81b0d1), closes #24907
radio: takes up full height in item (#27168) (987c79f), closes #27159
segment: segment disables segment buttons created asynchronously (#27155) (ad6b130), closes #25396

7.0.1 (2023-04-05)

Bug Fixes

breadcrumbs: color attribute shows on DOM for Vue (#27068) (141ced5)
item-divider: removal of unneeded margin unset (#27042) (d925237), closes #17012 ionic-team/ionic-framework#27024
item-divider: set padding-end for md (#27019) (426913d), closes #23785
menu: update location when dynamically changing side or doc dir (#27079) (a35886e), closes #25601 #19489
picker-column-internal: hide empty picker items from screenreaders (#27038) (4e7424d), closes #26809
refresher: set overflow styles when using custom scroll target (#27058) (adbb50c)
vue: v-model props have correct type (#27067) (14145dc), closes #27057

7.0.0 (2023-03-29)

Note: Version bump only for package ionic-framework

7.0.0-rc.5 (2023-03-29)

Bug Fixes

select: alert header defaults to label (#27034) (408457a), closes #27028
select: update iOS icon (#27001) (ee19891)

6.7.1 (2023-03-29)

Bug Fixes

item-sliding: open method works with items added async (#27035) (521063b), closes #26991
item: use thumbnail's size when present (#27014) (6cecdf4), closes #22935
radio-group: radios participate in form submission (#27018) (3b99c31), closes #27016
select: inherit white-space in select-text to allow text wrapping (#26973) (19c1e25), closes #19949

7.0.0-rc.4 (2023-03-27)

Bug Fixes

fab, tab-button: rtl alignment in safari and firefox (#26986) (e23fd9e), closes #22739
many: innerHTML is disabled by default (#27029) (b7e4603)
radio-group: radios participate in form submission (#27018) (3b99c31), closes #27016
segment: change event fires when clicking (#27010) (3e0a905), closes #27002
select: inherit white-space in select-text to allow text wrapping (#26973) (19c1e25), closes #19949

BREAKING CHANGES

many: The innerHTMLTemplatesEnabled Ionic Config now defaults to false. Developers can set this option to true if they would like to continue to use custom HTML features in ion-alert, ion-infinite-scroll-content, ion-loading, ion-refresher-content, and ion-toast.

6.7.0 (2023-03-23)

Features

config: add option to disable custom html functionality (#26956) (3b0af7c)

7.0.0-rc.3 (2023-03-22)

Note: Version bump only for package ionic-framework

6.6.3 (2023-03-22)

Note: Version bump only for package ionic-framework

Bug Fixes

menu: main content is not scrollable while swiping (#26976) (88bd8a4), closes #21193

7.0.0-rc.2 (2023-03-15)

Bug Fixes

input, select, textarea: border color is set on host (#26941) (4810e6f)
input, textarea: show error state after touch (#26940) (ef33270), closes #26939 #21643
many: disabled control in item does not receive active/hover states (#26867) (f829672), closes #26706
toggle: label is announced once on ios (#26937) (f71d9b1)

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

7.0.0-rc.1 (2023-03-08)

Bug Fixes

input, textarea: disabled state is applied when true (#26892) (569401b), closes #26881
item: prevent slotted form controls from taking whole width of item (#26897) (78f5d96)
many: add aria-hidden to decorative icons (#26922) (78303dc)
select: popover is full width when used with floating/stacked labels (#26907) (7bc22f2), closes #26903
vue: input components update refs on ionInput (#26876) (7d9ce74), closes #26700

6.6.1 (2023-03-08)

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

7.0.0-rc.0 (2023-03-01)

Note: Version bump only for package ionic-framework

7.0.0-beta.6 (2023-03-01)

Bug Fixes

angular: devs can import ionic/angular styles in css (#26875) (0d2fac2)
button: update for ios spec (#26864) (df37357)
datetime: aria-label for show/hide year picker (#26848) (ac66215)

BREAKING CHANGES

button: Button is updated to align with the design specification for iOS.

Design tokens

Token	Previous Value	New Value
`$button-ios-letter-spacing`	`-0.03em`	`0`
`$button-ios-clear-letter-spacing`	`0`	Removed
`$button-ios-height`	`2.8em`	`3.1em`
`$button-ios-border-radius`	`10px`	`14px`
`$button-ios-large-height`	`2.8em`	`3.1em`
`$button-ios-large-border-radius`	`12px`	`16px`

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)

7.0.0-beta.5 (2023-02-27)

Bug Fixes

content: adjust transition shadow to match new iOS version (#26839) (f006e4b)

form: shadow components using aria-labelledby do not use modern syntax (#26836) (fcfdd9e), closes #26829
scroll-padding: correct padding is added (#26810) (eefd17d), closes #26803

Features

angular,angular-server: angular v14 minimum support (#26822) (1dee16f)
searchbar: ionInput now emits value payload (#26831) (865f8de), closes #26828

BREAKING CHANGES

searchbar: The detail payload for the ionInput event now on ion-searchbar contains an object with the current value as well as the native event that triggered ionInput.
angular,angular-server: Angular v14 is now required to use @ionic/angular and @ionic/angular-server. Upgrade your project to Angular v14 by following the Angular v14 update guide.

The dev-preview environmentInjector property has been removed from ion-tabs and ion-router-outlet. Standalone component routing is now available without additional custom configuration. Remove the environmentInjector property from your ion-tabs and ion-router-outlet components.

7.0.0-beta.4 (2023-02-22)

Bug Fixes

checkbox: screen readers announce state correctly (#26817) (7312b06), closes #25740
select: emit single ionChange event for popover option selection (#26796) (7578aa3), closes #26789

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

7.0.0-beta.3 (2023-02-15)

Bug Fixes

checkbox, radio: label is announced once on ios (#26770) (87bc749), closes #26769
form: legacy deprecation is logged correctly (#26784) (180ee63)
many: resolve import errors with stencil apps (#26781) (1eea054), closes #26778
range: allow overflow on range bar container (#26751) (edf696c)

Features

textarea: add legacy prop (#26783) (f7f6f1d)

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)

7.0.0-beta.2 (2023-02-08)

Bug Fixes

input, textarea: bottom content is rendered correctly (#26739) (39009ac), closes #26737
input: update disabled opacity of md input (#26514) (90f4995)
radio: remove radio min-height sizing (#26719) (2a6bba0)
range: assign auto increment id by default (#26740) (92b06f2)

Performance Improvements

gesture: reduce delay with adding and removing activated states (#26741) (4cff442), closes #23691

BREAKING CHANGES

range: The name property on ion-range defaults to ion-r-${rangeIds++} where rangeIds is a number that is incremented for every instance of the component.

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

7.0.0-beta.1 (2023-02-01)

Bug Fixes

input, textarea, select: do not show highlight in item (#26689) (16b60a6), closes #26687
many: legacy form control does not warn when using aria-labelledby (#26699) (63f8525), closes #26698
textarea: textarea wrapper inherits height (#26707) (e6c7c57)

Reverts

revert base components feature (#26692) (b78b454)

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

7.0.0-beta.0 (2023-01-25)

Bug Fixes

accordion-group: do not adjust incorrect values (#26086) (e2cbeeb)
action-sheet: container animates in correctly (#26347) (1e855e7), closes #25368
angular: null values are not converted to falsy value (#26341) (ce2e37b)
back-button: update style for ios spec (#26395) (1a840c4), closes #26393
breadcrumb: add aria-label to collapsed indicator (#26615) (f8a2c79)
card-header: reverse order of title and subtitle on ios (#26084) (2080890)
datetime: do not report timezone in ionChange (#26183) (3fb4caf), closes #25577
datetime: haptics are enabled only on ios (#26370) (8eec197), closes #25508
input, searchbar, select, textarea: placeholder has improved contrast (#26486) (6c82435)
input, textarea: inputs now scroll into view when tapping labels (#25848) (cb265d6)
input, textarea: padding is now added to content so inputs scroll above keyboard (#25849) (ba6b539), closes #18532
input: clearOnEdit clears input when user initially types (#26005) (bf5e118)
item: align iOS font size to spec (#26445) (eea91bb)
item: ios mode has correct padding (#26511) (96147ec)
overlays: dismiss on keydown to avoid chrome for windows and firefox bug (#25811) (a1ec9aa), closes #25802
overlays: triggerController warns about missing triggers (#26651) (a7c2c55)
range: range matches iOS design specification (#25873) (da05ffe), closes #25872
segment: click event triggers ionChange (#26162) (70781e4)
select: chevron icon is now an ionicon (#26484) (0823c09)
select: modern component takes up full line (#26670) (4d24b32)
textarea: clearOnEdit clears textarea when user initially types (#26006) (f7176bb)
textarea: render icon for clearing input (3271ecf)

Code Refactoring

config: remove stencil extras (#26461) (bd4027b)
core: remove global hidden attribute (#25829) (f5a6b5a), closes #17583
modal: remove swipeToClose in favor of canDismiss (#26050) (1f3ddf2)
picker: remove refresh key (#26340) (0fbcc5b)
react: only ship es modules (#26044) (c946af2)
types: remove overlay attribute interfaces (#26181) (322a1db)
vue: only ship es modules (#26054) (86bbed0), closes #25104

Features

accordion: ionChange will only emit from user committed changes (#25922) (4eea9fa)
action-sheet: use action sheet overlay inline (#26172) (92b763a), closes https://github.com/ionic-team/ionic-framework/issues/22799, https://github.com/ionic-team/ionic-framework/issues/23219
alert: add ability to use alert inline (#26316) (08c0a55), closes https://github.com/ionic-team/ionic-framework/issues/22799, https://github.com/ionic-team/ionic-framework/issues/23219
base-components: add ability to remove ios and md theme (#26669) (18f109c)
checkbox: component can be used outside ion-item (#26518) (9d52e70), closes https://github.com/ionic-team/ionic-framework/issues/21513, https://github.com/ionic-team/ionic-framework/issues/23332, https://github.com/ionic-team/ionic-framework/issues/23289
checkbox: ionChange fires on user interaction (#25923) (a6b2629)
datetime: ionChange will only emit from user committed changes (#26083) (cc2af20), closes #20873 #24452
input, textarea: change default debounce to undefined (#26073) (c45d054)
input, textarea: ionInput and ionChange pass event and value (#26176) (eea6ba9)
input: component can be used outside of ion-item (#26283) (44472ae), closes #20153 #19084 #22736, https://github.com/ionic-team/ionic-framework/issues/24312, https://github.com/ionic-team/ionic-framework/issues/24333, https://github.com/ionic-team/ionic-framework/issues/24639, https://github.com/ionic-team/ionic-framework/issues/26178, https://github.com/ionic-team/ionic-framework/issues/24966, https://github.com/ionic-team/ionic-framework/issues/23331, https://github.com/ionic-team/ionic-framework/issues/18037, https://github.com/ionic-team/ionic-framework/issues/23335
input: debounce controls the timing to delay the ionInput event (#25969) (35041b2)
input: ionChange will only emit from user committed changes (#25858) (8732b7b), closes #20106 #20061
loading: use loading overlay inline (#26153) (34ca337), closes https://github.com/ionic-team/ionic-framework/issues/22799, https://github.com/ionic-team/ionic-framework/issues/23219
picker: add ability to use picker inline (#26336) (c0a8501), closes https://github.com/ionic-team/ionic-framework/issues/22799, https://github.com/ionic-team/ionic-framework/issues/23219
radio-group: ionChange will only emit from user committed changes (#26223) (c299d36)
radio: component can be used outside of ion-item (#26582) (9761b0a), closes https://github.com/ionic-team/ionic-framework/issues/21513
range: component can be used outside of ion-item (#26479) (49baad8)
range: ionChange will only emit from user committed changes (#26089) (d1fb7b0)
searchbar: ionChange will only emit from user committed changes (#26026) (b052d3b)
segment: ionChange will only emit from user committed changes (#25934) (a03c8af)
select: component can be used outside ion-item (#26572) (02640b5), closes https://github.com/ionic-team/ionic-framework/issues/23540, https://github.com/ionic-team/ionic-framework/issues/24322, https://github.com/ionic-team/ionic-framework/issues/25449, https://github.com/ionic-team/ionic-framework/issues/25639, https://github.com/ionic-team/ionic-framework/issues/19936
select: ionChange will only emit from user committed changes (#26066) (34c4137)
slides: remove ion-slide, ion-slides, and IonicSwiper module (#25868) (d478e03)
textarea: component can be used outside of ion-item (#26674) (8d3edd0), closes https://github.com/ionic-team/ionic-framework/issues/22269
textarea: ionChange will only emit from user committed changes (#25953) (68bae80)
toast: add ability to use toast inline (#26215) (003de44), closes https://github.com/ionic-team/ionic-framework/issues/22799, https://github.com/ionic-team/ionic-framework/issues/23219
toggle: component can be used outside of ion-item (#26357) (c74901c), closes #25570 #23213, closes https://github.com/ionic-team/ionic-framework/issues/23332, https://github.com/ionic-team/ionic-framework/issues/23213
toggle: ionChange will only emit from user committed changes (#26078) (85d3bd9)
virtual-scroll: remove virtual scroll component (#25808) (1eb6fd0)

Performance Improvements

item: remove delegatesFocus patch for iOS 13 (#25822) (ee3467c), closes https://github.com/ionic-team/ionic-framework/issues/25273
many: reduce delay when performing overlay or page transitions (#26189) (30e3a14), closes #24346

BREAKING CHANGES

config: The supported version of Firefox for Ionic v7 has changed to Firefox v70+
input, searchbar, select, textarea: The default value for the --placeholder-opacity CSS Variable on ion-input, ion-searchbar, ion-select, and ion-textarea has been updated to 0.6.
select: The icon CSS Shadow Part for ion-select now targets an ion-icon component.
datetime: The haptics when swiping the wheel picker are now enabled only on iOS.
toggle: The --background and --background-checked variables have been renamed to --track-background and --track-background-checked, respectively.
angular: Datetime:

Passing the empty string to the value property will now error as it is not a valid ISO-8601 value.

Angular:

null values on form components will no longer be converted to the empty string ('') or false. This impacts ion-checkbox, ion-datetime, ion-input, ion-radio, ion-radio-group, ion-range,ion-searchbar,ion-segment,ion-select,ion-textarea, andion-toggle`.

picker: The refresh key has been removed from the PickerColumn interface. Developers should use the columns property to refresh the ion-picker view.
input, textarea: The detail payload for the ionInput event on ion-input and ion-textarea now contains an object with the current value as well as the native event that triggered ionInput.
datetime: Datetime no longer incorrectly reports the time zone when value is updated. Datetime does not manage time zones, so any time zone information provided is ignored.
types: ActionSheetAttributes, AlertAttributes, AlertTextareaAttributes, AlertInputAttributes, LoadingAttributes, ModalAttributes, PickerAttributes, PopoverAttributes, and ToastAttributes have been removed. Developers should use { [key: string]: any } instead.
card-header: - The card header has ben changed to a flex container with direction set to column (top to bottom). In ios mode the direction is set to column-reverse which results in the subtitle displaying on top of the title.
accordion-group: Accordion Group no longer automatically adjusts the value property when passed an array and multiple="false". Developers should update their apps to ensure they are using the API correctly.
select: ionChange is no longer emitted when the value of ion-select is modified externally. ionChange is only emitted from user committed changes, such as confirming a selected option in the select's overlay.
react: @ionic/react and @ionic/react-router no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.
vue: @ionic/vue and @ionic/vue-router no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.
modal: - The swipeToClose property has been removed in favor of canDismiss.
The canDismiss property now defaults to true and can no longer be set to undefined.
checkbox: ionChange is no longer emitted when the checked property of ion-checkbox is modified externally. ionChange is only emitted from user committed changes, such as clicking or tapping the checkbox.
accordion: ionChange is no longer emitted when the value of ion-accordion-group is modified externally. ionChange is only emitted from user committed changes, such as clicking or tapping the accordion header.
core: The [hidden] attribute has been removed from Ionic's global stylesheet. The [hidden] attribute can continue to be used, but developers will get the native hidden implementation instead. The main difference is that the native implementation is easier to override using display than Ionic's implementation.

Developers can add the following CSS to their global stylesheet if they need the old behavior:

[hidden] {
  display: none !important;
}

overlays: Ionic now listens on the keydown event instead of the keyup event when determining when to dismiss overlays via the "Escape" key. Any applications that were listening on keyup to suppress this behavior should listen on keydown instead.

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.

Package detail

readme

Ionic

Quickstart · Documentation · Contribute · Blog Community: Discord · Forums · Twitter

Packages

Getting Started

Migration Guides

Examples

Contributing

Earlier Versions

changelog

Change Log

8.4.0 (2024-11-04)

Bug Fixes

Features

8.3.4 (2024-10-30)

Bug Fixes

8.3.3 (2024-10-16)

Bug Fixes

8.3.2 (2024-10-02)

Bug Fixes

8.3.1 (2024-09-17)

Bug Fixes

8.3.0 (2024-09-05)

Features

8.2.8 (2024-09-05)

Bug Fixes

8.2.7 (2024-08-13)

Bug Fixes

8.2.6 (2024-07-24)

Bug Fixes

8.2.5 (2024-07-03)

Bug Fixes

8.2.4 (2024-06-28)

Bug Fixes

8.2.3

8.2.2 (2024-06-12)

Bug Fixes

8.2.1 (2024-06-05)

8.2.0 (2024-05-22)

Features

8.1.3 (2024-05-22)

Bug Fixes

8.1.2 (2024-05-15)

Bug Fixes

8.1.1 (2024-05-08)

Bug Fixes

8.1.0 (2024-05-01)

Features

8.0.2 (2024-05-01)

Bug Fixes

8.0.1 (2024-04-24)

Bug Fixes

8.0.0 (2024-04-17)

8.0.0-rc.2 (2024-04-17)

Bug Fixes

7.8.5 (2024-04-17)

Bug Fixes

8.0.0-rc.1 (2024-04-10)

Bug Fixes

7.8.4 (2024-04-10)

Performance Improvements

7.8.3 (2024-04-03)

Bug Fixes

8.0.0-rc.0 (2024-03-27)

8.0.0-beta.4 (2024-03-27)

Bug Fixes

Code Refactoring

Features

BREAKING CHANGES

7.8.2 (2024-03-27)

Bug Fixes

8.0.0-beta.3 (2024-03-20)

Bug Fixes

Features

7.8.1 (2024-03-20)

Bug Fixes

Performance Improvements

8.0.0-beta.2 (2024-03-13)

Code Refactoring

Quickstart · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter