UI Elements Debugger feedback

Using 2019.4, so I’m sorry if this is covered in 2020:

1 Really needs undo support! I keep changing an element, hitting undo, and then instead undoing selecting the thing I was debugging, causing me to lose track of where I was
2 The source of all the uss properties are listed, but just as “unity stylesheet”, not which stylesheet. That makes debugging a bit harder.
3 All the active classes are listed, but not what properties those classes contain.

2 and 3 are especially annoying when I’m trying to figure out what built-in classes do, as I can’t just open the uss file.

Noted on Undo support. It’s a common feedback and in our backlog.

As for 2 and 3, here’s how to tell where a style property is coming from:

The UX can definitely be improved, but you basically just follow which is the last matching selector that has the property you’re interested in.

Right, thanks!

Any possibility that it could show “unity stylesheet - unity-scroll-view-etcetc” where it now only shows “unity stylesheet”?

I really like the thing the Chromium family of browsers does where you can fold out properties, and it’ll show all the classes that affects a value, where all of the ones that doesn’t do that are crossed out:

6125717--667709--upload_2020-7-24_10-36-3.png

Possible, yes, but it’s not currently a high priority for the team. We’ll circle back to the UI Debugger in a future release after we stabilize the runtime story. But it’s a common request and being tracked.