search

GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.37k stars 4.05k forks source link

BUG: A border on the mj-column is shown twice in the editor #4357

Closed adiux closed 2 years ago

adiux commented 2 years ago

GrapesJS version

What browser are you using?

Chrome 102.0.5005.61

Reproducible demo link

https://codepen.io/adiux/pen/BaYrEXR?editors=1111

Describe the bug

How to reproduce the bug?

  1. Add grapesjs-mjml to the project with any version newer than 0.5.6
  2. Add a border to a section. E.g.: <mj-column border="4px solid #F45E43">
  3. Open MJML template with grapesjs

What is the expected behavior? only one border is shown:

image

What is the current behavior? two borders are shown:

image

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// Working
import grapesjsMjml from "https://cdn.skypack.dev/grapesjs-mjml@0.5.6";

// Not working
import grapesjsMjml from "https://cdn.skypack.dev/grapesjs-mjml@0.5.7";
import grapesjsMjml from "https://cdn.skypack.dev/grapesjs-mjml@0.6.0";

Note: The rendered HTML is fine. It is only an issue with the editor.

Code of Conduct

adiux commented 2 years ago

sorry, I just realized I posted this to the wrong repo. Created another issue at grapesjs-mjml.