Locked values in the design panel

Wappler Version : 4.0.0
Operating System : Windows 11
Server Model: None
Database Type: None
Hosting Type: Local

Expected behavior

What do you think should happen?

When I’m editing values in the design panel, sometimes some values are locked due to them being overridden by Bootstrap or Framework7 CSS files.

I should be able to overcome this by adding a new class for the element I’m trying to edit in the design panel.

Actual behavior

What actually happens?

Only adding one class doesn’t work, I have to add 2 or sometimes 3 classes to get the values to be editable in the design panel.

Sometimes, I have to click away from the design panel then open it again to get the values to be editable, even after adding the new classes.

How to reproduce

Please see the included video, I built an app suing Framework7 and I was trying to edit one of the Framework7 buttons using the design panel.