4.11.10

Bug Fixes

• input: revert previous type change (db1fd1d)

5.0.0-rc.0

Release Candidate is here! 🎉

5.0.0-beta.6

Bug Fixes

• animation: add property conversions for CSS Animations (#20252), fixes #20251 (32a7401)
• content: set min-height to allow for sticky headers (#20265), fixes #20258 (e613f63)
• modal: card-style modal now opens at full width on larger devices (#20256), fixes #20255 (443cbd9)
• segment: clicking disabled button no longer adds ripple to active button (#20254), fixes #20253 (f896821)

Features

• components: improve button states and add new css properties (#19440) (9415929), closes #20213 #19965
• react: add Ionic Animations wrapper (experimental) (#20273) (b59d764)
• segment-button: add --indicator-height property to segment button (#19653) (d76a503)

BREAKING CHANGES

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

Activated Class

The activated class that is automatically added to buttons on press has been renamed to ion-activated. This will be more consistent with our ion-focused class we add and also will reduce conflicts with users' CSS.

CSS Variables

The --background-hover, --background-focused and --background-activated CSS variables on components that render native buttons will now have an opacity automatically set. If you are setting any of these like the following:

--background-hover: rgba(44, 44, 44, 0.08);

You will likely not see a hover state anymore. It should be updated to only set the desired color:

--background-hover: rgba(44, 44, 44);

If the opacity desired is something other than what the spec asks for, use:

--background-hover: rgba(44, 44, 44);
--background-hover-opacity: 1;

4.11.9

Bug Fixes

• core: updating type of input value to accept numbers, fixes #20173 (#20267) (7080205)
• react: adding missing overlay component events, fixes #19923 (#20266) (ec6a8dd)
• react: Don't render overlay children if isOpen is false, fixes #20225 (#20226) (aff9612)
• react: re attach props on update, fixes 20192 (#20228) (9e35ebe)
• react: remove leaving view when routerdirection is back, fixes #20124 (#20268) (63d4e87)
• react: support routes without a path for notfound routes, fixes #20259 (#20261) (2f8c13b)
• react: update icon types to be a string as well, fixes #20229 (#20230) (1411d8a)

5.0.0-beta.5

Bug Fixes

• action-sheet: allow scrollable action sheet with many options (#20145) (53fad97), closes #17311
• card: remove top padding of content in iOS if under header (#20223) (9232f16)
• content: scroll-content div now takes up full height of container (#20194) (9d63b41), closes #20185
• header: header opacity properly resets on collapsible titles (#20202) (8e11f79)
• modal: prevent double dismiss via gesture and backdrop tap on card-style modal (#20203) (5b0400d)
• picker: pick correct option at low velocities (#19660) (39d1262), closes #19659
• react: updating icon type and add caret to internal icons (#20216) (dc78f98)
• ssr: add reflect content-id attribute to applicable properties (#20169) (3aa47e6)

Code Refactoring

• removed checked/selected properties in favor of setting value on parent (#19449) (a5229d9)

Features

• datetime: add custom timezone display property (#19519) (7b032c5), closes #19401
• segment: update design for iOS and MD spec (#19036) (dc66ce4), closes #18663
• toast: expose shadow parts (#20146) (3b4988a)

BREAKING CHANGES

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

• The following components have been updated to remove the checked or selected properties:

• Radio
• Segment Button
• Select

Developers should set the value property on the respective parent components in order to managed checked/selected status. See the Breaking Changes document for updated usage examples.

• Controller components have been removed. Developers should user their respective imports instead. This only affects vanilla JS applications.

Before:

<ion-modal-controller></ion-modal-controller>

After:

import { modalController } from '@ionic/core';

4.11.8

Bug Fixes

• react: add missing react memory router (8a5aba2)
• react: fixing type of icon in ToastOptions, ActionSheetOptions, fixes #20100 (857bab6)
• react: supporting ios and md props on icons (#20170) (676cc19)

5.0.0-beta.4

Features

• refresher: add MD native refresher (#20096) (5b81bdf), closes #17316

5.0.0-beta.3

Bug Fixes

• animation: support css animation on older devices (#20020) (49c394c), closes #20017
• icons: fix the ellipsis fill in ionicons (#20137) (9318d24)
• modal: account for safe area on devices with a notch (#20072) (1cabb53)
• react: fire lifecycle events on initial render, fixes #20071 (2dcf3ee)

Code Refactoring

• searchbar: set inputmode default to undefined (#20080) (6612604), closes #20074

Features

• angular: angular 9 support (#19515) (2344d0b)
• checkbox: add --checkmark-width variable (#19933) (c32a7bc), closes #16803
• radio: add --border-radius and --inner-border-radius variables (#20140) (a01c102)
• refresher: add iOS native refresher (#20037) (04e7c03), closes #18664
• toggle: add --border-radius and --handle-border-radius variables (#20141) (02a46a1)

BREAKING CHANGES

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

• searchbar: The inputmode property for ion-searchbar now defaults to undefined. To get the old behavior, set the inputmode property to "search".

4.11.7

Bug Fixes

• react: fire lifecycle events on initial render, fixes #20071 (9ea75eb)

5.0.0-beta.2

Bug Fixes

• animation: convert hyphenated properties to camel case when using Web Animations (#20059) (56f67bd), closes #20058
• animation: properly update Web Animation object (#19964) (e766194)
• picker: pass selected value to handler on dismiss (#20042) (6e0b9c4), closes #20036
• tabs: preserve route navigation extras when changing tabs (#18493) (4c8f32f), closes #18717
• title: add correct safe area to large title nav transition (#20029) (300d543), closes #20028

Features

• modal: add card-style presentation with swipe to close gesture (#19428) (b3b3312), closes #18660