WIP: Styling changes do not refresh correctly inside a query loop

Bugs
1

When an element is placed inside a query loop, removing or resetting styling values does not immediately update the builder preview.

This appears to affect all styling controls, including background colors, typography settings, and other CSS-related controls.

Steps to reproduce:

  1. Insert a Div element and enable a query loop on it.

  2. Add a Basic Text element inside the Div.

  3. Apply any styling to the Basic Text element, such as a background color or typography setting.

  4. Remove or reset the styling value.

Actual behavior:

The builder preview retains the previously applied styling.

Refreshing the builder updates the preview correctly and removes the styling.

Expected behavior:

Removing or resetting a styling value should immediately update the builder preview without requiring a reload.

3

Hey @aljazbz,

sadly, I can’t replicate the issue. Between steps #3 and #4, is there anything else? I tried to save and not save, but the loop always refreshes for me. Do I need to do anything else?

Best regards,
Matej

4

@Matej found out it only happens when CSS sync is enabled. Do you have it enabled?

6

That was it, thanks. I didn’t have it enabled, but once I enabled it, I was able to replicate the issue.

Thanks,
Matej

1 Like