Problem: Unable to send pointer events to DIV below another DIV
Saola Animate version: 2.7.1
Hello. Really sorry for 3rd post in just a short amount of time. But, I can’t really seem to be able to figure this out.
I’m willing to trigger some animations on mouse hover as you might have seen in my previous posts. But, the layout I’m trying to go for is including some groups overlapping others and thus, the groups which are underneath are not working.
This is the kind of layout I’m planning to achieve:
And this is how I have arranged it in Saola Animate so far:
So, the problem is that the yellow one is not able to receive any pointer events because of the orange one. I tried setting cursor to none to the groups and set cursor to default on the elements inside the group, but, that didn’t help.
Please tell me that what I’m trying to achieve is possible.
Here’s my file: pointer-events.saolapack (13.8 KB)