Topics created by Saloniq David

A simple explanation is that by default, the scrolling element is the page content. By using overflow in the lists or columns you’ll allow them to scroll independently. ons-col and ons-row already use flexbox but you might need to add some custom properties.

@Saloniq-David said: pageStack prop doesn’t seem to be going down from navigator to the page itself It’s just a prop for the navigator, it is not automatically passed down. You can do it by using the syntax described on the third page of this tutorial. this.pageStack = []; this.pageStack.push(page); The problem is how many pages there were before you reset the stack. If there was only 1 (the action would be “replace page”), I indeed found and fixed a bug for this situation. this.pageStack.length = 1; this.pageStack[0] = page; This is not very recommendable because it does not follow Vue’s reactivity rules. Might work for this but perhaps creates other issues :/ If you want to try the latest dev build (both onsenui and vue-onsenui), you can download it here.

@Saloniq-David Everything looks like iOS by default. Autostyling is adding a modifier="material" attribute to every component basically. At the same time, modifiers add custom classes like page--material or toolbar--material (elementName--modifierName). Therefore, you can easily select an element in CSS with .page.page--material for MD or .page:not(.page--material) for iOS. Alternatively, [modifier~=material] and :not([modifier~=material] would also work. ons.platform contains methods to change platform styling or detect the current platform.