I need Help. my shopping list is not clickable

lucifer6669

@sdetweil honestly at this point I have no idea what i’m doing. I have another module chore list that has clickable toggles and button and even activates fireworks once everything is marked done and it works perfectly fine

chrisfr1976

@lucifer6669 Hi,
you’re running this:

loader.js:178 Load script: modules/MMM-Fireworks/MMM-Fireworks.js
module.js:489 Module registered: MMM-Fireworks
loader.js:151 Bootstrapping module: MMM-Fireworks

If is is configured in fullscreen_above you can’t see it but it is there.

I think MMM-Fireworks it can be in fullscreen_behind. But you may need to check if you have a background image that the z-index is correct. You can try to add in the background image css a z-index: -2; and for Fireworks a z-index: -1;. Then start a test for Fireworks. If you can see it, it should be okay and you can click in your list. I’m not sure if this works. This is on my to-check-list :)

sdetweil

@chrisfr1976 fullscreen_below

sdetweil

@lucifer6669 also, you should start w your module only while developing

lucifer6669

@chrisfr1976 thanks. i will try this. i have no issues with the fireworks module firing when my chore list is completed. but it may be interfering with the clickable chore list.

lucifer6669

@sdetweil @chrisfr1976 you all are amazing. all i had to do was change the fireworks to fullscreen_below and now it all works. the text box is clickable and editable and the chores list sets off the fireworks and i see them. thank you both. i enjoy learning and doing all this.

chrisfr1976

@lucifer6669
Hi,
I’ve just fixed that issue in general. I’ve added wrapper.style.pointerEvents = "none"; and p.canvas.style.pointerEvents = "none"; in the module file. This allows pointer events to pass to modules underneath! So also the CalExt3 can be used again with the pop-up windows. I’m also very happy now :-)

Cheers Chris!