Hi again, my old friend.
Wingnut goofin’ around with GUI 2d ellipses… https://www.babylonjs-playground.com/#NXQKQF#1
(just getting started)
I turned-on the hit-test… but… just like a previously-worked drag-the-gui-control playground, this one has some early problems.
Problem #1: Watch console. Click on/in ellipse. PointerDown observer triggers, looks good (In Firefox esr). Try it again. For me… futher clicking fails… UNTIL… I move my pointer off-of the canvas, and back onto it, again. THEN… click works again… once.
Problem #2: Ellipse’s onPointerClickObservable (line 40) seems to completely fail.
I73/others… can you guys verify these same symptoms/issues, and does anyone have info?
I73… stacking multiple ellipses atop each other (my goofy idea that I was about to test)… is probably NOT a solution for you… because… GUI 2d ellipses are actually painted-onto SQUARE pieces of canvas. SO… when you overlay small ellipse atop medium ellipse atop large ellipse, the corners of their square canvases… “intrude” into other ring-zones. When that happens… user could click within a ring-zone at some 45 degree angle, and unknowingly click the wrong zone. (Their pointer-click hit an invisible canvas corner of the wrong ring).
Briefly, and restated, ellipses stacked atop each other… are actually square containers stacked atop each other… and this can cause problems. IS THERE ANY CHANCE, that your project could use SQUARE zones… instead of circular? If so, there’s hope for the “stacked controls” idea.
But we gotta find that darned mouse-off-the-canvas-before-re-click issue… soon. That’s a world-wide sized scene-breaker bug, I would say. (If it IS a bug). More likely, Firefox screwing up. Even MORE likely, Wingnut screwing up.