Monaca Onsen UI Discord Chat Github Repo

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?