Need assistance with layering of clickable zones on multiple pages

[thecaptainzap]

Hey all! I’m using MMM-Carousel with navigation control on a touchscreen laptop. On the front page I have MMM-CalendarExt3 running on the middle-center zone. On the 2nd page I’ve created two zones to center some lists on the left and right halves of the screen.

Touching the lists and the navigation bar works fine. However, when I try to click on the Calendar, nothing happens. I’ve used the console to determine the issue is with the layering of the zones. My custom zones “myleft” and “myright” are above the “middle-center” zone, so it makes it not clickable.

Does anyone have suggestions on how to deal with this? Do I need to put them side-by-side in the middle-center zone? When I move the MMM-CalendarExt3 to myleft, everything works as desired. But if I put both lists on middle-center, they stack on top of each other.

Any help is appreciated!

[sdetweil]

@thecaptainzap you could use z-index on your zones to move them back (into the distance)
but if they overlap with the middle then you still have the same problem, which gets the click…
this is one of the problems with the composable interface, its hard to share resources among multiple ‘apps’…

upper (higher z-index) widgets are supposed to let the click percolate thru the stack if its not for them. only blocking percolation when they consume it. still hard when the intent is not known

interesting on the layering and carousel/pages… mm doesn’t have pages, its a Single Page Web App…

these modules do ‘pages’ by hiding content not to be shown now, and showing it later (and hiding other content)

BUT all the content is in the web page