search

givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
https://www.vvveb.com/vvvebjs/editor.html
Apache License 2.0
7.31k stars 1.66k forks source link

Bug report: setStyle Editor and open Editor Code #358

Open ALTITUDE-DEV-FR opened 5 months ago

ALTITUDE-DEV-FR commented 5 months ago

Bug report Code Editor/StyleManager

When the user uses the right panel to add a style, it works. However, if the user opens the CodeMirror plugin (code editor), the right style menu becomes unusable and does not apply changes to the selected elements.

How to reproduce the bug:

  1. Select an element on the canvas.
  2. Apply a red background color to the element using the right panel.
  3. Verify that the change is applied to the element.
  4. The user opens the code editor and makes a modification (e.g., adds a line break).
  5. Close the code editor.
  6. Select another element on the canvas.
  7. Attempt to apply a yellow background to this element.
  8. Here, the bug occurs: no changes are applied in the canvas or in the <style id="vvv..> class.

demo : https://www.loom.com/share/4c605e948f1f44db8ff1d75493bd548a

givanz commented 5 months ago

Thanks for the bug report, it's fixed in the last commit https://github.com/givanz/VvvebJs/commit/63d80f71625e365496d02f16630c87241d03b6e9

ALTITUDE-DEV-FR commented 5 months ago

Thanks for the bug report, it's fixed in the last commit 63d80f7

Nice, the bug is fixed in my version, the generatecss is now good working with any editors ;)