enhancement: Layers levels and mouse pass through problem

[baleksey]

There are several cases when we need to place some temporary popup element on top of current rendered scene:

1. Drop down list
2. Modal dialog
3. Popup color picker etc

But we have a problems with it right now:
Elements under that element (with layer: "-99") still react on mouse move/click/wheel etc. So we easily can click on invisible element behind our modal dialog accidently.

Is there a way right now to "don't allow pass through mouse events" for "rect"? So we can assign this property to our popup element background or the whole screen overlay to stop that behaviour for elements behind.

[marc2332]

Yeah... This is caused by the lack of event bubbling. When Dioxus 0.5 gets released ( a matter of weeks from what they have said in the discord) I should be able to fix this 😢

[marc2332]

I am sorry I cannot fix this right now, I wish I could, it has prevented me from developing new features such as popups and other ideas... But again, once Dioxus 0.5 gets released, I should be able to implement a proper event bubbling system, which should fix this cross-layer issues 🙏

[baleksey]

Omg, this issue exist for too long already... The one way I thought it can be hacked (for example in case of modal dialog):

1. Just before we are going to invoke popup element we capture the whole gui skia canvas and store it as image etc.
2. Then we rerender all gui, but leave only 2 layers: background "rect" with image from step 1 (dimmed or blurred, or just as is) and draw our dialog rect on top of it.

In this way we "see" our background gui and think it still there :) but no more worries about clicks etc.

What do you think? Can this workaround can be done the easiest possible way?

[marc2332]

Thats very inefficient and the problems isn't about rendering, it's not even related to skia, is just that event bubbling across different components in Dioxus is currently broken in the latest stable release

[baleksey]

I got it. I just thinking about how to make current project working (with all that popup things) while we are waiting for the fix for an known issue since july...

[marc2332]

I have gotten a decent implementation in #268, so when Dioxus 0.5 goes out I will release Freya 0.2 shortly after

[marc2332]

This is fixed in the main branch btw

[marc2332]

Fixed in 0.2 :)

[baleksey]

Thanks, mate! Started making my own Skia based gui while tired of waiting for Dioxus to update things. Not an easiest way but pretty interesting :)