z-ordering of hover elements in state machine editor

Heigvd / Wegas

A Web Game Authoring System coded in Java and Javascript for rapid development of serious games without programming skills.

https://wegas.albasim.ch

MIT License

28 stars 15 forks source link

z-ordering of hover elements in state machine editor #1872

Open xgo-work opened 1 year ago

xgo-work commented 1 year ago

hover elements showing the code of the impacts and conditions are displayed behind the other elements (state and flow lines).

z-index in css elements is not sufficient. The issue is related to stacking contexts that are induced by the presence of transform css elements injected in the divs directly.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

The transform should be hoisted at top level of the state machine editor.

xgo-work commented 1 year ago

Alternatively, a modal outside/over the structure could appear on hover after 1 second (tooltip like)