All Versions
168
Latest Version
Avg Release Cycle
11 days
Latest Release
8 days ago

Changelog History
Page 7

  • v5.0.0-rc.0 Changes

    January 23, 2020

    🚀 Release Candidate is here! 🎉

  • v5.0.0-beta.6 Changes

    January 23, 2020

    🐛 Bug Fixes

    🔋 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;
    
  • 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

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

    🔋 Features

    💥 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

    🔋 Features

  • v5.0.0-beta.3 Changes

    January 03, 2020

    🐛 Bug Fixes

    ♻️ Code Refactoring

    🔋 Features

    💥 BREAKING CHANGES

    • 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 (2019-12-12)

    🐛 Bug Fixes

    • react: fire lifecycle events on initial render, fixes #20071 (9ea75eb)
  • 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

    • modal: add card-style presentation with swipe to close gesture (#19428) (b3b3312), closes #18660
  • v5.0.0-beta.1 Changes

    November 20, 2019

    🐛 Bug Fixes

    🔋 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

    🔋 Features

    🐎 Performance Improvements

    💥 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, use ion-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)
    • header/footer: remove no-border attribute from header/footer, use ion-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(), use swipeGesture() instead. (#19526) (30bd8fd)
    • nav: remove ion-nav-pop, ion-nav-push and ion-nav-set-root. Use ion-nav-link with routerDirection 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 from dist/, use CSS variables to theme instead. (#19292) (6450aff)
    • skeleton-text: remove width property. Use CSS instead. (#18936) (7c3db79)
    • split-pane: remove main attribute. Use contentId 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>
    
    • theming: ionic default colors have been updated. (#19279) (7f4cf08)
    • toast: remove showCloseButton and closeButtonText, add a button using the buttons property with role: 'cancel' instead. (#18957) (ad7f112)
  • v4.11.13 Changes

    October 01, 2020

    🐛 Bug Fixes

    • datetime: do not set ampm when the column doesn't exist (#22224) (210db5b)
  • v4.11.12 Changes

    September 29, 2020

    🐛 Bug Fixes

    • datetime: remove the automatic switching from am to pm and vice versa (#22208) (0d56c51), closes #18924