search

ModusCreateOrg / ionic-vue

Vuejs integration for Ionic versions 4 and 5
MIT License
272 stars 26 forks source link

keepAlive does not work continuously #106

Closed midoushitongtong closed 4 years ago

midoushitongtong commented 4 years ago

C

michaeltintiuc commented 4 years ago

I'd be interested in seeing your code, haven't seen this in a while. I don't think this happens in ionic-vue-examples

midoushitongtong commented 4 years ago

I'd be interested in seeing your code, haven't seen this in a while. I don't think this happens in ionic-vue-examples

codesandbox url https://codesandbox.io/s/snowy-hooks-dkui7 Could it be that my usage is incorrect?

michaeltintiuc commented 4 years ago

No, it's not you, I could reproduce the issue, looks like it's something new, looking into it, thanks!

michaeltintiuc commented 4 years ago

OK, found the issue to be keep-alive itself and how newer versions of ionic are hiding the "leaving element":

  1. When you transition for the first time, the entering element (page B) is set to a visible state and higher z-index
  2. When you go back, page B becomes a leaving element and is being hidden with display: none style attr.
  3. When you want to go to page B again, keep-alive restores it's previous state of a "leaving element" with it's display set to none.

Will implement a fix and release a new version ASAP, thanks for reporting this.

michaeltintiuc commented 4 years ago

Check version 1.3.6 @midoushitongtong