Dear Support-Team,
in Collaboration 2.0.0beta together with Plain Classes 1.2.2, I noticed a bug when applying plain classes to elements that have default settings. When clicking on the remove icon or using backspace to remove a plain class, the class is not removed and instead, the default styles from the ID selector are added to the class.
Steps to reproduce:
- Install Oxygen (blank), Plain Classes 1.2.2 and Collaboration 2.0.0beta (Winden optional)
- Create an Oxygen template / page and place the Oxygen Button element
- Add other elements (e.g. “div”, something without default styles)
- Apply a plain classes (e.g. “w-full”) to button and div elements
- Try to remove the plain class inside the plain classes field from the button element
- Observe: the class is not removed and the default styles are added to the plain class
- from the example: All “w-full” items now have the default text- and background color of the button element applied
I hope this help in tracking down the issue.
Kind Regards
Uploaded files:
Update: A similar behavior is also present without the Collaboration Plugin. Sometimes, when trying to remove a class that is currently selected in the left Oxygen class panel from an element, the class is immediately re-added to the class list. Using the Oxygen native remove icon in the class/id dropdown works.
As a workaround, selecting the element’s ID in Oxygen (instead of the class to be removed) lets you remove the class again through the plain classes input box.
Thanks for this update, we will solve it asap.
Regards,
Mohammad Arshad
DPlugins Support
I’m not able to replicate the issue on a site without collaboration plugin,
https://www.berrycast.com/conversations/3342e4a4-1473-5e15-bbbd-599938960f77
Can you please provide staging site, or set it up on instawp or tastewp so that you can replicate and I can test both at the same…
Regards,
Mohammad Arshad
DPlugins Support
Hi Mohammad,
sorry for the late reply! I have now set-up a staging environment where you can observe the bug. How can I securely share the login info with you?
On that site, please navigate to Oxygen -> Templates -> “Main” and “Edit with Oxygen”. In the section element, you see a button and a div – both have the classes “mt-8” and “w-full” (I think the bug only appears when there are more than one class assigned). Now, select the button and make sure the class “mt-8” is currently active in the Oxygen classes dropdown. If you now try to remove the class “mt-8” from the button from inside the plain-classes panel, the class name is immediately re-added to the button and is updated with the default-styling from the button (div gets a blue background – even though “mt-8” is locked by Oxygen).
I hope this will help in finding the bug!
Thanks and best Regards!
PS: When setting up the test environment, I noticed that the Winden backend page stays blank without any PHP or console errors – could this be again related to the custom directory structure of the project? And should I open a separate ticket for this in the Winden category?