Style Editor - Why do Pseudo Instances flicker in Properties?

Description

Video

Pseudo Instances seems to be a term from the Style Instances. Sort of in the same way, you’d probably see before and after in CSS.

Pseudo Instances used to show up in the Explorer though, I don’t know why they’re invisible now. They show up in the Properties Panel instead.

However, everytime a Pseudo Instance has their value changes (such as Color), it will re-appear in the Properties Panel.

Not sure why, but I am curious. This makes me wonder whether one should for instance, animate a Style Sheet, that uses Pseudo Instances or not. Are there any consequences in performance? :thinking:

Re-production Steps

See video attached in the Private Message

  • You select the Instance that is being “selected” and affected by the Style Sheet

  • It needs a Pseudo Instance so it appears in the properties panel, like so
    image

  • Then just modify the Pseudo Instance, a good way to see this issue, is by modifying Color, like a gradient.

Expected Result

That at least, it doesn’t change the scrollbar’s position?

Actual Result

The Pseudo Instance flickers in the Properties Panel. But what else does that mean?

A private message is associated with this bug report

Hi, thanks for the report!

For the question regarding performance of animating a pseudoinstance property vs. animating a styled property on an actual instance, the performance impact should be minimal and we would not discourage animating a pseudoinstance property. The flickering is getting triggered by a StyleRule property update (occurs for both pseudoinstances and actual instance properties) which recreates the PseudoInstance section UI, so this is more of a bug with the PropertiesPanel PseudoInstances section itself.

Unfortunately, due to a large number of higher priority forum bugs, we will be unable to resolve this issue in a reasonable timeframe. Instead of keeping this issue open indefinitely, we are closing this report. We appreciate your patience and understanding!

1 Like