5.0.4

Bug Fixes

• animation: reset all temporary flags when interrupting an animation (#20627) (0e0e401), closes #20602
• buttons: use proper button colors based on CSS variables when inside of a toolbar (#20633) (c1d7bf2)

5.0.3

Bug Fixes

• menu: allow ssr to work properly with hardware back button updates (#20629) (fe8d74d)

5.0.2

Bug Fixes

• ios: large title transition works properly in tabbed applications (#20555) (7187541), closes #20482
• menu: hardware back button now dismisses side menu if open in Cordova/Capacitor app (#20558) (6b2a929), closes #20559
• modal: allow swipe to close animation to be overridden (#20585) (8d3ce8d), closes #20577
• modal: card style modal now adds appropriate contrast (#20604) (b5310ef)
• modal: allow swipeable modal background to be overridden (#20584) (ad6fac8), closes #20572
• modal: swipeable modal styles only apply to ios (#20571) (3a2d828), closes #20569
• refresher: ensure that translate is cleaned up to avoid stacking context (#20621) (e3e5c69), closes #17949
• segment: segment functions properly on older versions of Android (#20554) (0224bed), closes #20466
• select: properly align text, add icon-inner and placeholder part (#20605) (926ac3f)
• slides: set height to 100% for vertical slides (#20603) (20af652), closes #17341

5.0.1

Bug Fixes

• button: reduce font size of icon only button in toolbar on iOS (#20547) (59fa340)
• card: inherit background in inner button (#20461) (c16de96), closes #20458
• fab: add close icon to internal icons for react (#20490) (c4fb314), closes #20489
• fab: show close icon on hover, focused, activated (#20497) (e42c85d)
• input: do not clear input if "Enter" key pressed (#20462) (89bf08b), closes #20442
• ios: clamp out of bounds values for swipe to go back (#20540) (dd32a5e), closes #20505
• menu: swipe gesture should not open menu when a modal is displayed (#20546) (3252c2f), closes #20467
• modal: presenting multiple card-style modals now adds border radius properly (#20476) (abf594a), closes #20475
• modal: prevent card style modal styles from being overridden (#20470) (86ab77a), closes #20469
• react: do a better job matching up route to sync (#20446) (c0aadd6), closes #20363
• react: do not remove pages when navigating between tabs (#20431) (b6fbe98), closes #20398
• react: icons with MD set should work in browser (#20463) (82670fe)
• react: update paths of tab buttons when href changes in ion buttons (#20480) (45d03ba), closes #20321
• searchbar: properly align placeholder (#20460) (4d6e15a), closes #20456
• segment: border radius applies to indicator on ios (#20541) (9b5854d), closes #20539
• segment: do not show ripple effect if disabled via config (#20542) (7a461c5), closes #20533
• segment: inner div no longer interferes with click events (#20522) (06b828b), closes #20381
• segment: only emit ionChange when user releases pointer from screen (#20495) (4d50064), closes #20500 #20257
• tab-bar: update ios icon and label design to match native (#20548) (34f8576)

5.0.0 Magnesium

Enjoy! 🔥

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

Run the following commands based on your project type:

# for an angular app
npm i @ionic/angular@latest --save

# for a react app
npm i @ionic/react@latest --save
npm i @ionic/react-router@latest --save
npm i ionicons@latest --save

# for a stencil / vanilla JS app
npm i @ionic/core@latest --save

Then take a look at the Breaking Changes file for API changes.

Features

• alert: add support for textarea inputs (#16851) (b28cf02), closes #14153
• angular: expose Ionic Animations via AnimationController (#19745) (67a7e23)
• angular: expose Ionic Gestures via GestureController (#19864) (48a7662)
• angular: angular 9 support (#19515) (2344d0b)
• animation: animation identifiers (#19771) (7d41715), closes #19550
• animation: cubic-bezier easing conversion utility (experimental) (#19788) (96a5e60), closes #19789
• checkbox: add --checkmark-width variable (#19933) (c32a7bc), closes #16803
• components: improve button states and add new css properties (#19440) (9415929), closes #20213 #19965
• datetime: add custom timezone display property (#19519) (7b032c5), closes #19401
• modal: add card-style presentation with swipe to close gesture (#19428) (b3b3312), closes #18660
• radio: add --border-radius and --inner-border-radius variables (#20140) (a01c102)
• refresher: add iOS native refresher (#20037) (04e7c03), closes #18664
• refresher: add MD native refresher (#20096) (5b81bdf), closes #17316
• react: add Ionic Animations wrapper (experimental) (#20273) (b59d764)
• searchbar: add --box-shadow variable to style searchbar input (#19838) (1ab7066)
• segment-button: add --indicator-height property to segment button (#19653) (d76a503)
• segment: update design for iOS and MD spec (#19036) (dc66ce4), closes #18663
• select: add --placeholder-opacity and --placeholder-color, expose shadow parts (#19893) (bef0f53), closes #17446
• split-pane: convert to shadow component, add width, max-width, and min-width vars (#19754) (d80f455), closes #17088
• toast: expose shadow parts (#20146) (3b4988a)
• toggle: add --border-radius and --handle-border-radius variables (#20141) (02a46a1)

Bug Fixes

• action-sheet: allow scrollable action sheet with many options (#20145) (53fad97), closes #17311
• angular: correct path for angular projects (#20436) (fd9c7a9), closes #20435
• animation: add property conversions for CSS Animations (#20252), fixes #20251 (32a7401)
• animation: support css animation on older devices (#20020) (49c394c), closes #20017
• animation: track correctly when updating CSS Animation (#19813) (7bd4412)
• card: update background to use the same as item (#19602) (1a8b7a4)
• card: remove top padding of content in iOS if under header (#20223) (9232f16)
• components: use proper colors for button states and add back input highlight (#20278) (628db18), closes #20276
• components: inherit text indent in all components with text inherit (#20300) (767b005), closes #17786
• content: set fixed content to position absolute (#19867) (fce3e24), closes #17754
• content: resolve height inheritance issues (#20309) (09bef71), closes #20305
• content: only emit scroll events if enabled (#20401) (fd1b44a)
• gesture: release gesture when disabling (#19855) (21484f1), closes #19848
• header: avoid flicker on collapsible header load (#19682) (0a7aae2)
• header: avoid flicker when collapsing (#19850) (a3666dd), closes [#19839](ht...

5.0.0-rc.5

Bug Fixes

• angular: correct path for angular projects (#20436) (fd9c7a9), closes #20435

5.0.0-rc.4

Bug Fixes

• content: only emit scroll events if enabled (#20401) (fd1b44a)
• header: backdrop filter no longer distorts content with collapsible header (#20388) (11d3945), closes #20385
• item: remove unneeded box-shadow CSS variable (#20412) (a6764c4), closes #20392
• label: remove subpixel font-size to prevent visual glitches (#20415) (3d6f287), closes #20407
• segment: add activated class directly to segment button (#20400) (e8886e9)

5.0.0-rc.3

Bug Fixes

• refresher: ensure gesture does not interfere with item-sliding (#20380) (8983c70), closes #20379
• refresher: translate background content when refreshing (#20378) (cf70916), closes #20377
• segment: allow background to be set on iOS segment in a toolbar (#20350) (0f31624)
• toolbar: properly apply safe area and border (#20375) (4971499), closes #20354

5.0.0-rc.2

Bug Fixes

• header: fix race condition in collapsible header (#20334) (215d55f)
• ios: translucent toolbar blur no longer obscures entering page toolbar content (#20314) (e580b88), closes #19158
• radio: do not clear radio group value from radio (#20343) (ff78e6e), closes #20323
• radio: set default radio value if undefined (#20329) (eb57723)
• refresher: add correct fallbacks for native refreshers (#20333) (fd55427)
• refresher: resolve undefined issues when updating component (#20322) (59d8687), closes #20320

5.0.0-rc.1

Bug Fixes

• components: use proper colors for button states and add back input highlight (#20278) (628db18), closes #20276
• components: inherit text indent in all components with text inherit (#20300) (767b005), closes #17786
• content: resolve height inheritance issues (#20309) (09bef71), closes #20305
• picker: include showBackdrop in interface (#20301) (33186ba), closes #18893
• react: export proper types of animations and gestures (#20311) (0034088)
• refresher: update animation for dashed property values (#20310) (44211c1)
• toast: inherit color in cancel button for a toast with color (#20299) (7b44ae2), closes #20139