[Bug]: Conditionla Styling is getting reset or removed for components in List View

[yogeshvachhani]

trafficstars

Is there an existing issue for this?

• [X] I have searched the existing issues

Current Behavior

If we set any kind of conditional styling to any of the style parameters of a component inside ListView the style gets removed automatically.

For example if we enter this in Edit component's Style -> Text Decoration it gets removed when the screen is refreshed.

The condition that I am using is: {{currentItem.completed?"line-through":""}}

Expected Behavior

The conditional styling should stay.

Steps to reproduce

place a Listbox and add a Input component inside it.

In the Input component set the Style for Text Decoration as follows: {{currentItem.completed?"line-through":""}}

Refresh the page.

Environment

No response

Additional Information

No response

[adnanqaops]

There was duplicate issue of this : https://github.com/lowcoder-org/lowcoder/issues/1081 I have closed that one. Adding the comment just for reference.

[vinpro-nz]

Having same issue with simple text display box setting background color. Changing static colors work fine but any conditional styling is replaced with previous static color. Have tried "prevent overriding styles" on and off, different browsers and a new app. Same result. Have attached before and after app which shows what I have explained. Conditional styles worked fine in earlier version 2.4.3(I think). Stopped working in 2.4.4 and 2.4.5. I am thinking it must be something in mongodb as I pull the latest images and force-recreate but still using same mongodb?

Lost style condition - post preview.json Lost style condition - editor.json

[adnanqaops]

This issue has been fixed. Conditional Styling is not getting removed after page refresh, So closing out this issue.