ionic-framework

Bug Fixes

• animation: enable backwards compatibility for overlay animations (#19160) (fb70980)
• gesture: account for negative step values with Web Animations (#19196) (b3c7436)
• ios: clear opacity on toolbar background after iOS transition (#19169) (fa958a5)
• md: set fill mode on MD transition to both (#19161) (0e8ab49)

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)

Bug Fixes

• core: remove extra semicolons being rendered (#19033) (39f0768)

Bug Fixes

• core: fix an issue with production builds of @ionic/core

Bug Fixes

• angular: hardware back button subscribeWithPriority triggers change detection (#18962) (3a22105), closes #18959
• angular: nested inputs no longer conflict with each other (#18976) (6bbdb80), closes #18248
• range: ion-range value now submitted with form (#19008) (8f7853c)
• reorder: only move item if reorder happens (#19007) (d237e80)
• router: partial swipe to go back gesture no longer breaks view(#18977) (713ea8a), closes #18462
• toast: allow loading ion-icon from asset path (#18969) (23f327e)
• vue: rename swipeEnable to swipeGesture (#17346) (c2348f7), closes #16002

Bug Fixes

• angular: ensure change detection fires properly (#18896) (962783b), closes #18894

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/[email protected]
   $ npm install @ionic/[email protected] -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

• menu-button: hide menu button when auto hide or split pane (#18702) (24840d4), closes #18666
• menu-button: move font-size to host for easier customization (#18699) (876ab41), closes #18667
• overlays: fallback to step color if overlay background variable is unset (#18709) (f16b118), closes #18658
• virtual-scroll: remove runOutsideAngular error (#18752) (8beeff2), closes #18746
• vue: update imports for types and ionicons (f56fea6), closes #18701

Performance Improvements

• all: minify better by using arrow functions (#18730) (03c1d19)

Bug Fixes

• app: add hydrated to hide white screen with multiple ionic dependencies (#18649)
• datetime: datetime no longer reports having a value if none is set (#18541) (92e0f98), closes #17979 #18540
• fab-button: set opacity on disabled fab button (#18685) (6042b39), closes #18682
• icon: load icons properly with baseHref (#18650), (#18637)
• icon: bind icon name properly (#18707)
• infinite-scroll: fix scroll listener (0d58101)
• item: do not disable entire item if there are multiple inputs (#18696) (dfa2b13), closes #18655 #18670
• router-link: add missing target prop (#18659) (1f51ab2), closes #18655
• router-outlet: fix swipe to go back (b69fb69)
• scss: copy all scss files (36a58df)
• searchbar: proper styling after navigating (#18642)
• slides: use correct order for pushing slides dynamically (#18633)
• tabs: select proper tab by default and do not emit tab change if selectedTab is undefined (03c834c)
• overlay: make create opts optional (44c88ad)

Performance Improvements

• angular: skip zone (e059fc8)

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

• angular: account for query params and fragments within a string when navigating (#18356) (b79f68a)

Bug Fixes

• angular: ensure active page is not removed from change detection (#18299) (b8d4961), closes #18293
• angular: preserve queryParams and fragment when going back (#18298) (bdd5109), closes #16744
• buttons: use theme/color toolbar colors for buttons (#18191) (0511989), closes #18184 #17840
• datetime: update label direction in RTL (#18340) (17345ef)
• fab: position fab buttons properly in RTL (#18325) (845def8), references #17012
• icon: remove stroke and move fill to host element (#18241) (394cf8d), closes #16483
• input: keep entire input in view when scrolling with keyboard open (#18253) (3cad778), closes #17457
• label: position floating/stacked labels properly in RTL (#18315) (00a27dc), references #17012
• loading: allow html content (#18242) (a6cb5f2), closes #18135
• overlay: hide scrollbars on non-scrollable content (#16767) (875d563), closes #14178
• picker: update the column positions in RTL (#18339) (788a56c), closes #17012
• range: update border-radius on range pin for RTL (#18321) (4855351), closes #17012
• searchbar: position buttons properly in RTL (#18325) (845def8), references #17012
• segment: update segment border for RTL (#18326) (805b225), closes #17012
• slides: allow clicks to propagate to buttons (#16728) (a8f9dfe)
• tab-button: apply background-focused when tabbing into tab button (#17502) (d788a8e), closes #17042
• tabs: position badge properly in RTL (only in Chrome) (#18325) (845def8), references #17012
• tabs: select the tab called by the select method after initialization (#18300) (da38647), closes #17957
• toggle: position toggle icon properly in RTL (#18325) (845def8), references #17012
• toolbar: update md toolbar button spacing and padding to match spec (#17537) (fa87e35), closes #16950 #14444

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)

Bug Fixes

• security: sanitize components using innerHTML (#18143) (b33d940)

Bug Fixes

• security: sanitize components using innerHTML (#18144) (f95facf)

Bug Fixes

• angular: support replaceUrl with angular <7.2 (#18107) (26ca72c)
• security: sanitize components using innerHTML (#18145) (96d7fdd)

Bug Fixes

• angular: support replaceUrl with angular <7.2 (#18106) (eb3cbe4)
• security: sanitize components using innerHTML (#18146) (b839e6f)

Bug Fixes

• action-sheet: default buttons to empty array (9e63947)
• angular: back button correctly goes back to proper tab (#18005) (52e5a8d), closes #17278 #15216
• components: add mode classes to components for use in shadow elements (#17838) (e5c8c10), closes #17608
• datetime: date strings no longer revert to previous day (#18018) (cc60b60), closes #17977
• input: prevent input from losing focus when tapping clear button (#18004) (29bb4fc), closes #18002
• item: use the correct input highlight for an inset line item (#18052) (72be80c), closes #18051
• item-sliding: hide closed side options while dragging side options open (#17986) (f13722c), closes #17822
• slides: allow zoom to work (18b347b), closes #17981
• slides: expose interface to provide custom animations (#17959) (4474974), closes #16616
• textarea: float label when a value is changed async (#18024) (494991e), closes #17555 #17559
• textarea: update label alignment for inputs and textareas (#18042) (38ae362), closes #16187
• vue: use direction type from core (#17901) (fa13173)

Features

• toast: add header and additional custom toast buttons (#17147) (6e1a8f1), closes #16791 #16237 #17611
• toast: add variables to change position start/end of toast (#17961) (07e739a), closes #17854

Bug Fixes

• angular: properly check for replaceUrl in routing (#17879) (f2c8db9), closes #15181
• angular: return proper types in the overlay.getTop method (#17802) (439b10e)
• angular: support relative router links (d9a7c63), closes #17888 #16534 #16736 #16954
• angular: update ng-add schematic (9443bfe)
• css: resolve spinner and checkbox issues on older chrome versions (#17896) (dbb39cd), closes #17524 #17501
• datetime: default to local date when no date given (#17706) (bab56e8)
• datetime: recalculate day column when month or year is changed (#17815) (9273f97), closes #14233 #14732 #15452 #15794 #17633 #17060 #17510 #17521
• item-option: add styling and behaviour for disabled item-option (#17909) (346ecb2), closes #17905
• progress-bar: flip rtl using the existing reversed property (#17464) (fccaaf8), closes #17012
• react: ensure tabs are resilient to optional tabs (#17862) (c29f5a6)
• reorder-group: add ability to reorder items inside shadow (#17747) (352797e), closes #17746
• select: update overlay options when added asynchronously (#17860) (1ecfcd1), closes #15716 #17851
• virtual-scroll: use correct item top calculation with header or footer function (#15948) (#17345) (a8a48a4), closes #17298
• vue: back button event handling (#17877) (dceec07)
• vue: update popover to use correct controller (#17865) (0cb7db0)

Features

• img: add ionError event (#17134) (04f931f), closes #16947
• range: add ticks attribute (#17718) (016fa16), closes #17717
• vue: support for ion-tabs (#17678) (ee71675)
• vue: support ion-vue-router (#17821) (71e5994)