Changelog History
Page 14
-
v5.0.0-rc.0 Changes
January 23, 2020๐ Release Candidate is here! ๐
-
v5.0.0-beta.6 Changes
January 23, 2020๐ 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 toion-activated
. This will be more consistent with ourion-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;
-
v5.0.0-beta.5 Changes
January 17, 2020๐ 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
๐ 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](./BREAKING.md) 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';
-
v5.0.0-beta.4 Changes
January 06, 2020 -
v5.0.0-beta.3 Changes
January 03, 2020๐ 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
๐ 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
- searchbar: The
inputmode
property forion-searchbar
now defaults toundefined
. To get the old behavior, set theinputmode
property to"search"
.
4.11.7 (2019-12-12)
๐ Bug Fixes
-
v5.0.0-beta.2 Changes
December 11, 2019๐ 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
-
v5.0.0-beta.1 Changes
November 20, 2019๐ Bug Fixes
- animation: track correctly when updating CSS Animation (#19813) (7bd4412)
- card: update background to use the same as item (#19602) (1a8b7a4)
- content: set fixed content to position absolute (#19867) (fce3e24), closes #17754
- 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
- header: support collapsible header with multiple toolbars (#19909) (fc4bb2d)
- header: translucent toolbars now work with collapsible header (#19774) (b642b53), closes #19773
- title: only animate large title if back button is in start slot (#19846) (cace1b3), closes #19840
- nav-params: set generic type on navigation parameters get() (#19195) (504051d)
- picker: pass data and role to dismiss (#19787) (7988720), closes #18454
- searchbar: use back button config value for cancel icon (#19353) (3d6f3b9)
- textarea: remove padding from textarea placeholder (#19694) (f63d37a), closes #19616
- toast: call button handler on cancel (#19793) (420aa66), closes #19791
๐ Features
- animation: animation identifiers (#19771) (7d41715), closes #19550
- animation: cubic-bezier easing conversion utility (experimental) (#19788) (96a5e60), closes #19789
- 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)
- searchbar: add --box-shadow variable to style searchbar input (#19838) (1ab7066)
- 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
๐ฅ 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.
-
v5.0.0-beta.0 Changes
October 15, 2019๐ Bug Fixes
- animations: ensure all elements are cleaned up when calling .destroy() (#19654) (2f88237)
- content: set overscroll only on iOS (#19470) (63c2008), closes #19465
- css: update responsive display media queries (#18601) (5d6e077), closes #18600
- grid: remove padding on children columns when grid has ion-no-padding (#19592) (17119f5), closes #17459
- searchbar: update alignment of chips and other elements in toolbar (#19596) (637f26b), closes #19495 #19502
- toast: inherit height in container to center align content (#19409) (250718a)
๐ Features
- components: cascade mode from parent to child components (#19369) (3dd5f05), closes #18285
- menu: default to overlay for ios menu (#19063) (dbf6a44), closes #18662
- overlays: add global backdrop opacity variable for animations (#19533) (bd22926), closes #16446
๐ Performance Improvements
- animations: do not create setTimeout if infinite iterations (#19632) (0d699fb), closes #19627
- animations: wrap loops in requestAnimationFrame call (#19630) (589e67e), closes #19629
๐ฅ 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.
- all: mode is now cascaded from parent to child component. If this is not desired set a different mode on the child component. (#19369) (55462d7)
- anchor: remove
ion-anchor
, useion-router-link
instead. (#18935) (e7cd197) - card: convert card to shadow. (#19395) (08bb60d)
- css: responsive display media queries in the display CSS file have been updated. Instead of using the maximum value of that breakpoint (for
.ion-hide-{breakpoint}-down
classes) the maximum of the media query will be the minimum of that breakpoint. (#18601) (40a8bff) - css: remove all CSS utility attributes. Use CSS classes instead. See the documentation for the correct class names: https://ionicframework.com/docs/layout/css-utilities (#18956) (04862df)
BEFORE:
<ion-header text-center></ion-header> <ion-content padding></ion-content> <ion-label text-wrap></ion-label> <ion-item wrap></ion-item>
AFTER:
<ion-header class="ion-text-center"></ion-header> <ion-content class="ion-padding"></ion-content> <ion-label class="ion-text-wrap"></ion-label> <ion-item class="ion-wrap"></ion-item>
- events: remove the Events service. (#19600) (8d4a721)
- Use "Observables" for a similar pub/sub architecture: https://angular.io/guide/observables
- Use "Redux" for advanced state management: https://ngrx.io
- header/footer: remove
no-border
attribute from header/footer, useion-no-border
class instead. (#18954) (d9f6119) - menu: iOS menu now defaults to overlay, set
type
to"reveal"
to get the old behavior. (#19063) (ccb54a1) - menu-controller: remove
swipeEnable()
, useswipeGesture()
instead. (#19526) (30bd8fd) - nav: remove
ion-nav-pop
,ion-nav-push
andion-nav-set-root
. Useion-nav-link
withrouterDirection
instead. (#19240) (e334d73) - searchbar: remove boolean values from
showCancelButton
, use string values:"always"
,"focus"
,"never"
. (#18953) (508e186)
BEFORE:
<ion-searchbar show-cancel-button> <ion-searchbar show-cancel-button="true"> <ion-searchbar show-cancel-button="false">
AFTER:
<ion-searchbar show-cancel-button="focus"> <ion-searchbar show-cancel-button="focus"> <ion-searchbar show-cancel-button="never">
- scss: remove
scss
files fromdist/
, use CSS variables to theme instead. (#19292) (6450aff) - skeleton-text: remove
width
property. Use CSS instead. (#18936) (7c3db79) - split-pane: remove
main
attribute. UsecontentId
instead. (#19511) (02d7841)
BEFORE:
<ion-split-pane> ... <div main>...</div> </ion-split-pane>
AFTER:
<ion-split-pane content-id="main-content"> ... <div id="main-content">...</div> </ion-split-pane>
-
v4.11.13 Changes
October 01, 2020 -
v4.11.12 Changes
September 29, 2020