Repository navigation
Ionic 4.6.0 Regressions #18655
Copy link
Copy link
Closed
Description
Ionic 4.6.0 introduced some regressions due to the update to Stencil One. This issue is to track and resolve them for our hotfix release.
✔️ Issues that have been checked off have been resolved in Stencil or Ionic, but not yet released until 4.6.1 is out.
-
ion-infinite-scrollno longer firingionInfiniteevent. Issue: [v4.6.0] bug: ionInfinite not emitted #18632 -
ion-searchbarstyling breaks when navigating to another page and then navigating back. Issue: [v4.6.0] bug: ion-searchbar style crashed when reopen the page #18642 - Swipe to go back is broken
- Overlay opts are now required, breaking some angular builds. Issue: [v4.6.0] bug: Overlay .create() changed from optional options to mandatory breaking build #18631
- white screen after updating. issue: bug: White screen on update to to Ionic 4.6.0 (<html> root element never receives 'hydrated' class) #18649
-
ion-slidenot working properly. Issue: bug: [4.6.0] ion-slide elements in wrong order when pushing a new slide to array #18633 - scss files missing (add back to stencil config in Ionic): bug: 4.6.0 missing scss files #18639
- Disabled fab buttons no longer have opacity set bug: Disabled fab-buttons no longer have an opacity set #18682; PR fix(fab-button): use correct opacity for a disabled button #18685
- Ionicons not loaded w/ baseHref: bug: [Ionic 4.6.0] Icons not loaded in prod using relative path #18650 and [v4.6.0] bug: svg file is not found when use baseHref #18637
-
targetwas removed fromion-router-link, PR fix(router-link): add missing target prop #18659 - Item is entirely disabled if checkbox is bug: ion-item > inputs are all disabled if a child of ion-item is #18670
- default tab not being selected bug: ion-tabs selected state not working #18689
- content flashing when switching between tabs
- cannot bind ion-icon name [4.6] No longer possible to bind value to ion-icon's name attribute #18707
Reporting a Regression
If you are running into a bug that worked in 4.5.0 but is not working in 4.6.0 and is not in the list above please create a new issue:
- Fill out the provided template with steps for us to reproduce
- Provide the minimal amount of code needed to reproduce the issue in a starter
- Or provide a simple code repository that only highlights the bug
Please tag @ionic-team/framework on the issue to bring it to our attention.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels
Activity
lincolnthree commentedon Jun 28, 2019
@brandyscarney I think I have another one. Haven't reproduced in a sample app yet, but
<ion-img>does not reliably appear in 4.6.0 either. It's in the DOM but the image is never loaded (until the DOM is manually manipulated, height or width, etc, at which point it'll show up.) Working on condensing it into something reproducible.fix(router-link): add back missing target
tanoabeleyra commentedon Jun 30, 2019
ion-tabsseems to be broken too, there's no tab selected on first load.UTSOURCE commentedon Jul 1, 2019
4.6.0 The configuration here seems to be no longer working
liamdebeasi commentedon Jul 1, 2019
Hi @UTSOURCE and @tanoabeleyra,
Can you provide reproductions for these? I am not able to reproduce either.
Thanks!
fix(router-link): add missing target prop (#18659)
liamdebeasi commentedon Jul 1, 2019
Hi everyone,
We published a nightly build of Ionic with these fixes. You can install it using the latest
devtag.For Angular users:
npm i @ionic/angular@devFor Stencil + Ionic users:
npm i @ionic/core@devAny feedback from testing this build is greatly appreciated!
Thanks!
positlabs commentedon Jul 1, 2019
What were the regressions? Can we build tests against them?
tanoabeleyra commentedon Jul 1, 2019
I opened an issue: #18689.
I'm going to test the nightly build as soon as possible.
peterpeterparker commentedon Jul 1, 2019
@liamdebeasi I could confirm that #18632 aka the
ionInfinitenot fired issue is resolved, thx a lot 👍 (tested with core in a Stencil PWA)nerdic-coder commentedon Jul 1, 2019
I can confirm that "ion-slide not working properly. Issue: #18633" is resolved with the latest @ionic/core@dev
ashinpaugh commentedon Jul 1, 2019
I've got a directive that I apply IonInput / IonTextAreas, the constructor of the directive receives an ElementRef. In v4.6.0 element.getInputElement returns an Object with two properties state and value. The value property holds the input element. After Reverting to v4.5.0 getInputElement returns the textarea or the input.
edit: cleared up my comment.
petrot commentedon Jul 1, 2019
"ion-searchbar styling breaks" issue is resolved with the latest @ionic/core@dev!
Thank you!
UTSOURCE commentedon Jul 2, 2019
@liamdebeasi
If you create a new 4.6.1 project or a 4.6.0 project, the configuration will be invalid.
Such as the following configuration
liamdebeasi commentedon Jul 2, 2019
@UTSOURCE,
As I mentioned in my previous comment, I am unable to reproduce the issue you are describing using the code snippet you have provided. Please provide a full reproduction of the issue (a link to a GitHub repo would be fine), and we can take a look.
Thanks! 🙂
fix(item): check for other types of inputs to disable the input cover
fix(item): do not disable entire item if there are multiple inputs (#…
simion commentedon Jul 2, 2019
The workaround from this comment #15953 (comment) does not work anymore. Content renders partially, and it's damn ugly.
I had to rollback :(
brandyscarney commentedon Jul 2, 2019
If anyone is running into issues that worked in
4.5.0but are not working in4.6.0or the latestdevbuild & not already in the original list please create a new issue and fill out the provided template with steps for us to reproduce. If we cannot reproduce the issue, we cannot fix it. Please help us by providing the minimal amount of code needed to reproduce the issue in a starter or a simple code repository that only highlights the bug. 🙂Please tag @ionic-team/framework on the issue to bring it to our attention. I'd like to avoid back and forth comments here to reproduce issues since there are a lot of people subscribed to this issue.
Thank you!
thiennm2905 commentedon Jul 3, 2019
I use angular v7.1.2 and ionic v4.6
I code a base service, when I use http request, I create and present a Loading overlay, stop it by dismiss when finish by pipe(), it’s working on ionic v4.5, but in v4.6 it seem create more than one http request after one request finished when a change tab
alaa-alshamy commentedon Jul 4, 2019
@brandyscarney
autoGrow directive also has a bug after 4.6.0 version, when enter characters in a textarea it's growing up but when remove them not shrinking back
tmk1991 commentedon Jul 5, 2019
I use a different infinite scroller than the ionic one but there are now issues with it in 4.6.0 that do not exist in 4.5.0.
I'll re-test the hotfix when released. If there continues to be a bunch of issues (aside from mine specifically), is there a possibility to back out stencil one from the ionic/angular package?
EDIT:
tried the latest dev kit and both issues still appear
Side note: the update from 4.4.0 to 4.4.1 brought some slower performance to items appearing and disappearing on the DOM. I'm thinking it's related to the angular change detection modifications made in 4.4.1. Not sure if that'll be resolved with the 4.6.X release. (should I make a separate issue for this specific side note issue?)
brandyscarney commentedon Jul 5, 2019
Hi all, we released a new dev build which should fix every issue listed in the original issue above. Please try it out and let us know:
4.6.1-dev.201907052128.7953088Please make separate issues for anything found not in the original list, thank you!
brandyscarney commentedon Jul 9, 2019
Ionic
4.6.1has been released, please update to this version if you are having any of the issues listed here: https://github.com/ionic-team/ionic/releases/tag/v4.6.1I am going to close this since the original list is fixed, anyone having issues still please create a new issue, thank you!