I got a bizzare problem with infinite list. There is a list of items, each has onclick attribute that takes a user to the edit page. Then there is a back arrow that fires popPage() to take a user back to the listing.

It works fine when user comes back from the item that was originally visible on the screen. When user scrolls down to find the desired item, then coming back shows only blank page.

It appears that <ons-list> element got extra style attribute visibility: hidden; , which hides the list.

<ons-list id="diaryList" modifier="material" class="list list--material lazy-list" style="padding-top: 0px; visibility: hidden;">

Is anyone aware what could trigger such behavior?

Not reproducible with OnsenUI 2.1.0
Not reproducible in the browser

Environment:
OnsenUI 2.2.6
Android 7.1

Hi

I have been using splitter and navigator so far switching pages and loading them onto the navigator.pages stack . For each page I have init and show controllers, from which I use page.data object. Now I try to introduce tabbar and tabs.

There is a show and init controller associated with each tab page. There also I want to access page.data. However, this object is not available. I think the reason is that the tab page is not added to the navigator.pages stack. Is this a desired behavior? What is the concept I am missing, that would allow me to pass page.data between the tabs pages?

Thank you!

onsen 2.0.5 with plain javascript
Testing in a browser

Try without calculateItemHeight.

From the docs:
Should return the height of an item. The index is provided as an argument. This is important when rendering lists where the items have different height. The function is optional and if it isn’t present the height of the first item will be automatically calculated and used for all other items.

oh, my bad! I updated only css definitions…Thanks a lot!

I am trying to make some kind of a select behavior by showing extra page with options and then upon selection, the page is popped and information about the selection is passed to the previous page.

The following line of code does not work as I expected:

document.querySelector('#myNavigator').popPage({data: {val: 'val from pop'}});

The hash from data is not available in the navigator.topPage.data

Here is a codepen with the issue:
https://codepen.io/piotrm/pen/AXGGKV

Am I missing anything obvious?

EDIT:
onsen2 rc17, vanilla JS