F7 v4 + Autocomplete + stacked pages [solved]

Hi @nolimits4web , I’m having an issue.
I’ve got this flow in the middle of an ecommerce process.
page 1 -> page 2 -> page 3 -> page 4 -> page 5

page 4 has an autocomplete with inits on the event: pageInit and it’s destoyed in event: pageBeforeOut

I open all the pages with a random in its url (so I’ve got in each flow, X pages in dom)

This are my problems:

  1. All the pages seems to be “stacked” in the DOM
  2. When I’m in page 5, I need to remove the page 1 to 5 from DOM, so the user couldn’t go back but If I remove from the DOM, it’s still in the history of F7.
  3. The second time I access page 4 (the one that has autocomplete) it never init again. I’ve also added the creation in the page event: pageReInit but none of this works.

Can you please help me?

==========================================
AUTO SOLUTION TO ALL OF THIS PROBLEMS.

init the view like this
app.views.create(’.view-main’, { url: ‘/’ , stackPages : false, preloadPreviousPage: false, iosSwipeBack: false});

==========================================