WIP: VUE JS Template - Classes get only properly deleted after Builder Reload

Bugs
1

Browser: Chrome & Firefox testet
OS: Windows
Video: https://youtu.be/C8AP9DXVyCU?si=-33swPma_PSHAdtZ

Elements using a Vue-js X-Template, are bugged inside the builder. Say you put a class of .bricks-type-hero via the type setting on a Heading. If you reload the Builder this, class cannot get deleted. When you change the type setting to .bricks-type-lead or reset the option, the .bricks-type-hero class stays on the element. In fact this is true for all settings that add classes to elements using the render_builder() method (as far as i’ve tested).

2

Hey @UserfreundSuat,
sorry for the late reply. I kind of lost this one. As you already have the element prepared, could you send it to me to test (and that styling).

Thanks.
Matej

3

In the Video I am useing the default Bricks Heading Element. The styling from the video is below:

[class*='bricks-type-'] {
  padding:1em;
  color:white;
  font-weight:500;
  font-size:2rem;
}

.bricks-type-hero {
  border: 4px solid darkred;
  background-color: red;
}

.bricks-type-lead{
  background-color: green;
}

If you need more to test, just let me know, but you should be able to recreate the bug with the standard brxe-heading or brxe-text element.

Cheers
Suat

4

Hi,

thank you. I was able to replicate this and I’ve added it to the bug tracker.

Matej

1 Like
5

Hi There,
Since there is a new render method at play with Bricks 2.0 I was hoping this topic might be on the menu so to speak. Are there any updates yet, I tested it with the RC Version and the bug is still there.

Best Regards
Suat

6

You are right. The issue is still there, and the topic is still in WIP.

Matej