Disabled action/condition highlight exceeds event box [Visual Bug]

[Elairyx7301]

Not a big bug but still looks rather odd.

Describe the bug

When selecting an action (or condition) that has multiple lines in the event sheet that is inside an disabled event, the component highlight will partially exceed the appropriate box.

To Reproduce

Steps to reproduce the behavior:

1. Create an event
2. Add an action like set variable to -> Condition will also work but is less visible
3. Enter very long value -> Goal is that the event sentence is multi lines
4. Disable the event
5. Select/Click on the action
6. The action highlight exceeds the event box - or here the action box

Images

Note that when the = symbol is in a new line as well, it will show another outline:

Other details

* No project example required GDevelop 5.0.0-beta117 based on GDevelop.js 4.0.99-0-release PC / Desktop GDevelop version, Windows Regular build, no nightly version

[ClementPasteau]

Took a quick look at ouf curiosity. It's really strange, it seems like the combination of:

• the DOM elements present (<img>, <span> ...)
• the low opacity applied on the <span>
• the outline-style: auto applied on the <div> by the browser, through the :focus prop creates a bug :)

Couldn't find a good reason as to why!

[Elairyx7301]

Thank you ClementPasteau for the research! 👍 Seems like no one really knows how to fix this and I don't mind, since it's nothing serious or impacting and solely visual. I will close this issue now, anyone can ping me here or in the Discord if needed :)