Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

css .page max-width causes short freezes

  • I am working on a react mobile first app . It contains a 9 page carousel. The app is not very wide (ie no menu), so on the web it gets spread across the web page and looks a bit odd. So I try applying some max-width on the page class

    .page {
    max-width: 600px;
    margin:0 auto;

    This has a serious problem:- The app works for a minute or so of clicking arround, but then it stops responding to click events on the carousel card for a minute or so before working again. This can repeat. The CPU is not working and the click event handler is not being fired.

    clicks on the ToolBar above the carousel still work OK.

    Another less serious problem (with max-width) is that pushPage causes the empty white margins on both sides of the app to flash black

    Maybe there is a better way to do this that avoids the above problems?