bug: Transparant overlay after two times transition

[maxtor3569]

If I switch 2 times between pages, after transition a weird white overlay appears. It only appears if I switch from page A to B and come back to page A.

The transition is made using routerLink between 2 pages.

The old page appeared on the background animation transition really fast, and after arriving on the new page, a white overlay is put on top of the page.

I'm using the latest ionic version with angular. Here the white weird overlay.

[liamdebeasi]

Thanks for the issue. Can you provide a code reproduction of the issue?

[maxtor3569]

Yes. I switch from homepage to login and coming back to Homepage with the arrow located on top

Homepage `

What is Ionic?

Ionic Framework is an open source SDK that enables developers to build high quality mobile apps with web technologies like HTML, CSS, and JavaScript.

What is Ionic Pro?

Ionic Pro is a powerful set of services and features built on top of Ionic Framework that brings a totally new level of app development agility to mobile dev teams.

Ready to Play?

Continue

đăng nhập Facebook Tạo tài khoản

Already have an account? Log in

`

Login Page

`

<a [routerLink]="['/']">
    <ion-icon name="arrow-dropleft" style="font-size:40px"></ion-icon>
</a>

<div class="logo-container">
    <img src="../../assets/logo.png" class="logo" />
</div>

<h3 style="" class="ion-text-left">Chào mừng trở lại</h3>

<ion-input placeholder="Email" class="email"></ion-input>
<ion-input placeholder="Mật khẩu"></ion-input>
<div class="forgetLink">
    <a>
        Quên mật khẩu?
    </a>
</div>

<ion-button expand="block" class="primary-button">Đăng nhập</ion-button>

`

Home routing `import {NgModule} from '@angular/core'; import {Routes, RouterModule} from '@angular/router'; import {AuthGuard} from '../core/services'; import {HomePage} from './home.page';

const routes: Routes = [ { path: '', component: HomePage, } ];

@NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class HomeRoutingModule { } `

[liamdebeasi]

Can you provide a repo with a reproduction of this issue? It's hard to reproduce an issue like this with just code snippets.

Also, in your original image I don't see a white overlay. What should I be looking for?

[maxtor3569]

Yes sorry I will push to a repo. It's really hard to explain the issue. You can see the difference here : Before / After. is it more clear ?

[liamdebeasi]

Great, thanks! Another thing to try is the following dev build:

npm i @ionic/angular@4.9.0-dev.201908291313.6425bd9

I fixed a bug in transitions that might be related to this. Worth a shot!

[maxtor3569]

Yes it's seems working ! Thanks a lot !!

[liamdebeasi]

Great, glad to hear that! In that case, I am going to close this issue. The bug fix contained in the dev build will be available in the next stable release of Ionic.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.