I am looking at improving Debug.inspect. I think it will be useful to show
when an attribute has a style binding, what the CSS property is that is causing
that binding. I have a few ideas:
Show the CSS property in parens (only when that property is in force):
> «<view with='boxmodel'>#1#0| #me/@ps» {
...
> padding (padding):boxsidedimensions 1 3 5 7
> paddingbottom (padding-bottom):number 5
or show something that looks like the CSS definition:
> «<view with='boxmodel'>#1#0| #me/@ps» {
...
> padding:boxsidedimensions {padding: 1 3 5 7}
> paddingbottom:number {padding-bottom: 5}
but this could be confused with just having an Object as a value, if you do not
notice the type declaration.
> «<view with='boxmodel'>#1#0| #me/@ps» {
...
> padding:boxsidedimensions style="padding: 1 3 5 7"
> paddingbottom:number style="padding-bottom: 5"
Looks more understandable to me, but we don't yet implement style= on views, so
might confuse. And the style is not necessarily from a style=, it could be any
CSS rule.
Preferences? Other ideas?