Hi, I have a problem using master/detail view.
When I navigate back, goes an error or the master page disappear.
am I doing something wrong or is it a bug?
Thanks!
my code:
import { App, Button, f7, Navbar, NavTitle, Page, PageContent, View } from "framework7-react";
import { Framework7Parameters } from "framework7/types";
import React from "react";
export default class AppMaster extends React.PureComponent {
render() : JSX.Element {
const params = {
theme: 'auto',
name: 'Test',
id: 'net.test',
routes: [
{viewName: 'main', path: '/', master: true, component: ScreenHome,
detailRoutes: [
{ path: '/:Id', component: ScreenItem },
]
},
]
} as Framework7Parameters;
return(
<App {...params} >
<View main
browserHistory={true}
masterDetailBreakpoint={800}
masterDetailResizable={true}
browserHistoryStoreHistory={false}
>
</View>
</App>
);
}
}
class ScreenHome extends React.PureComponent {
render() : JSX.Element {
return (
<Page>
<Navbar>
<NavTitle>Home</NavTitle>
</Navbar>
<PageContent>
<Button text="Button 1" onClick={() => f7.view.main.router.navigate('/1')} />
<Button text="Button 2" onClick={() => f7.view.main.router.navigate('/2')} />
</PageContent>
</Page>
);
}
}
class ScreenItem extends React.PureComponent {
render() : JSX.Element {
return (
<Page>
<Navbar>
<NavTitle>Item</NavTitle>
</Navbar>
<PageContent>
Item
</PageContent>
</Page>
);
}
}
back.js:607 Uncaught TypeError: Cannot read property ‘popup’ of undefined
at back.js:607
at Array.forEach ()
at Router.back (back.js:606)
at history.js:65
at Array.forEach ()
at Framework7.handle (history.js:46)
at handleEvent (dom7.esm.js:517)