Notas de la Versión

Ionic React! Enjoy! 🧂 🌊 🐼

Bug Fixes

• angular: add warning if initialized more than once (#19393) (e98769e)
• animation: set property defaults to avoid inconsistencies (#19321) (1cbb52c)
• animation: fallback to CSS Animations on older versions of Chrome (#19288) (2d39c07), closes #19272
• animation: animations of duration 0 now run in Safari (#19287) (4e544f1), closes #19285
• components: fix crash in IE11 when using classList add() or remove() (#19460) (b4d92c6)
• components: improve CSS Variable support in IE11 (#19473) (44ad074)
• content: remove pointer-events from iOS transition shadow (#19471) (8a52c7d), closes #19466
• menu: menus show proper drop shadows (#19454) (eab0865), closes #19387
• radio-group: get radios before caching value to avoid infinite loop (#19448) (cf223e4), closes #19277
• react: update events to use proper types (c79e74b)
• router-outlet: hide leaving view after transition finishes (#19335) (bfa17d1)

Features

• config: expose getMode() and deprecate Config.set() (#19104) (0f05ea4)
• docs: add VSCode docs support (#19309) (a3f345c)
• title: add support for small title (#19215) (e27962d), closes #18898
• title: add support for large title (experimental) (#19268) (923312e), closes #16885

Performance Improvements

• animation: avoid ngzone with requestAnimationFrame (#19457) (8ca97ce)

Bug Fixes

• animation: add correct onFinish interface parameters (#19199) (a81653b)
• animation: improve Web Animation feature detection accuracy (#19212) (6eca5b0), closes #19205
• animation: properly clean up elements when using destroy (#19210) (93f2064)
• segment: do not emit ionChange until didLoad (#19218) (9751f14), closes #19204

Features

• nav-link: add nav-link and deprecate nav-push, nav-pop, and nav-set-root (#18909) (c3044f5)
• slides: expose full Swiper API (#19137) (e1fa461)

Bug Fixes

• alert: apply styling to disabled items (#18545) (67ed89d)
• platform: properly detect Electron platform (#19044) (e8cdda0), closes #19043
• toggle: change background to use CSS variable (#19012) (94e525c), closes #18940
• transition: enable iOS transition shadow by default (#19051) (a5d3c6b)

Features

• animation: add animation utility (experimental) (#18918) (30ca46a)
• gesture: add gesture utility (experimental) (#18918) (30ca46a)
• searchbar: add inputmode property (#18980) (1187dc2)
• spinner: add circular spinner for MD default (#19052) (e33cf85)

Angular 8 Support

With this version comes support for Angular 8! Follow the below steps to update.

1. Update @ionic/angular and @ionic/angular-toolkit to the latest releases:

    $ npm install @ionic/angular@4.7.0
    $ npm install @ionic/angular-toolkit@2.0.0 -D

2. Update @angular/core and @angular/cli:

    $ npx ng update @angular/core @angular/cli

3. Update @angular-devkit dependencies:

    $ npm i @angular-devkit/architect@latest @angular-devkit/build-angular@latest @angular-devkit/core@latest @angular-devkit/schematics@latest

View our Angular 8 Update Guide for tips on potential issues!

Bug Fixes

• angular: copy input form classes to parent ion-item (#18820) (53179c4), closes #18800
• angular: add the swipeGesture method for enabling or disabling the ability to swipe open a menu (#18806) (fbfc076), closes #16002
• angular: webview "pause", "resume", and "resize" events now trigger change detection (#18853) (544e550), closes #18831
• core: apply translucent if backdrop-filter is supported (#18832) (6b5a59d), closes ionic-team/ionic-docs#666
• datetime: allow AM/PM to be changed (#18684) (b7761fe), closes #18585
• datetime: properly apply disabled classes when updating columns (#18875) (7ba718c), closes #18793
• hardware-back-button: hardware back button no longer erroneously restarts app (#18794) (978cc39), closes #18792
• ripple-effect: ensure ripple is removed from components after pointer release (#18854) (71137a2), closes #18836
• searchbar: add aria and role for improved accessibility (#18797) (798103b), closes #18796
• ssr: avoid window reference (#18865) (23ce6fa)
• ssr: check for client runtime method (#18866) (c52b3b4)
• textarea: autogrow now resets textarea back to original number of rows when text is cleared (#18822) (26e6d6f), closes #18744
• theming: update components to use the proper colors for dark themes (#18735) (045bc59), closes #18713
• virtual-scroll: card rendering is no longer distorted (#18877) (3ef6ecf), closes #18870
• virtual-scroll: element dimensions are recalculated on resize (#18878) (c91819c)

Features

• core: add support for Stackblitz (#18846) (fb18f3b)
• ssr: add @ionic/core/hydrate app (#18867) (815fa2e)
• navigation: add experimental shadow to iOS page transitions (#18695) (9b075ef), closes #18661
• virtual-scroll: adds headerHeight and footerHeight to help prevent flickering (#18851) (0089111), closes #17540

Performance

• angular: attach entering view before first change detection and detach leaving page (#18821) (97fec92)

Bug Fixes

• button: default opacity for disabled clear buttons (#18560) (f48dc3d), closes #18555
• button: update solid buttons to use tint and shade colors (#18537) (26ecf2b)
• menu: change ARIA role from complementary to navigation (#18330) (9e4346b), closes #18318
• segment: apply hover properly for segment with color (#18549) (78e477b)
• segment: default ripple to currentColor (#18547) (832306c)

Features

• components: add missing button/a props to components that render them (#17883) (eca4121), closes #16848 #16889
• fab-button: add hover state using tint colors (#18536) (ad00679), closes #17624
• item: add hover and focused states (#18606) (8a88dd2), closes #18279 #17624
• router-link: add router-link and deprecate anchor (#18620) (d4c7b03)

Enhancements

• stencil: update to Stencil One to improve app performance 🎉🎊 (b40f7d3)

Bug Fixes

• angular: ensure all NavigationExtras values are preserved when navigating (#18468) (7610787), closes #18469
• button: set opacity on the host element for disabled button (#18509) (320719b), closes #16965
• button: use correct border-radius on menu and back button (#18501) (055e125), closes #17624
• button: use correct size on a dynamic button in an item (#18395) (a3e23fc), closes #18085
• card: remove white space from bottom of card (#18328) (d53e7aa)
• content: prevent ion-searchbar from receiving padding adjustment when keyboard is open (#18008) (b2290a6), closes #18007
• datetime: recalculate time columns on change (#18380) (292b24a)
• item: start align the content under stacked and floating labels (#18379) (f0af707), closes #16375
• item: inherit overflow to allow better customization (#18502) (8d2a47e), closes #17670
• item: use a step color if the activated background is not set (#18450) (1899c13), closes #18449
• item-sliding: use the correct gesture direction and side for rtl (#18366) (4545100), closes #17012
• label: include the ion-text-wrap class styles for larger font (#18374) (4bba540)
• platform: prevent error with Platform.is on Android 4.4 (#18387) (54bdb36)
• react: ensure element exists in controller before dismissing it (0fd3e5d)
• slides: resolve issue where double tap to zoom was enabled by default (10de1da), closes #18035
• tabs: allow selection on enter and spacebar press (#18381) (11cde99), closes #18363
• textarea: inherit white-space for better customization (#18508) (a583902), closes #18495
• virtual-scroll: do not crash with an empty cell list (#17799) (20c146e)

Features

• back-button: add variables and support for focused and hover states (#18451) (58672fb), closes #18465
• button: add variables for customizing hover state (#18499) (5c5934b), closes #17974
• item-divider: add inner padding CSS variables (#18490) (35c143a), closes #18484
• menu-button: add variables for hover and focused states (#18434) (5ba0aa9), closes #18279
• searchbar: add cancel button options (b959e0b)
• toast: allow html content (#18423) (c8104a2)

Bug Fixes

• button: apply round property to button sizes in iOS (#18125) (ae0eccc), closes #18108
• datetime: default to current date when value is null (#18105) (ca233b5), closes #18099
• input: clear on edit from inside native input (#17115) (85093d6), closes #17055
• item: use the global activated background for md ripple color (#16752) (95945c0), closes #16585
• label: use primary color on focus for md input labels (#18183) (ddb8ef8), closes #15602
• menu add prefixed transform for side menu animation (#18128) (2457a23), closes #17729
• reorder-group: remove required parameter for the complete method (#18084) (bd96491), closes #16302
• segment: decrease icon size on ios and stretch segment buttons to fill height (#17751) (0fa645b), closes #17069
• textarea: reposition textarea when keyboard appears (#18098) (3cdab10), closes #17847
• toast: allow button-color CSS variable to be overridden (#18133) (0c83fd3), closes #18127

Features

• card: add button functionality (#17997) (669ec0d), closes #17773
• img: add ionImgWillLoad event and emit ionImgDidLoad when image is loaded (#18159) (38ffb98), closes #17652 #18161
• item-sliding: add open method (#17964) (f912206), closes #17899
• menu-button: add css variables for padding (#18188) (ef98977), closes #18187
• refresher: add pullFactor property to control speed (#16697) (9030dcc), closes #15425
• searchbar: add disabled property (#17935) (a5b9066), closes #17921
• textarea: add option to expand textarea as value changes (#16916) (cc8678a)