Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem when removing multiple pages

See original GitHub issue

When remove multiple pages that having same class names from NavigationView, gray page content is appeared. However the latest existing page content had to be shown.

import {Page, Composite, NavigationView, ui} from 'tabris';
let pageNavigation = new NavigationView({
  left: 0, top: 0, right: 0, bottom: 0
}).appendTo(ui.contentView);
new Page({class: 'first'}).append(
  new Composite({left: 0, top: 0, right: 0, bottom: 0, background: 'yellow'})
).appendTo(pageNavigation);
new Page({class: 'second'}).append(
  new Composite({left: 0, top: 0, right: 0, bottom: 0, background: 'red'})
).appendTo(pageNavigation);
new Page({class: 'second'}).append(
  new Composite({left: 0, top: 0, right: 0, bottom: 0, background: 'red'})
).appendTo(pageNavigation);
new Page({class: 'second'}).append(
  new Composite({left: 0, top: 0, right: 0, bottom: 0, background: 'red'})
  .on('tap', () => pageNavigation.find('.second').dispose())
).appendTo(pageNavigation);

We have one yellow page and three red pages. When I tap on latest red page, due to pageNavigation.find('.second').dispose() all the second class pages must be disposed, then yellow page must be shown. However, instead of yellow page, gray page content is shown.

screenshot_20170331-160007