usewaypoint / email-builder-js

A free and open-source block-based email template builder.
https://emailbuilderjs.com
MIT License
307 stars 92 forks source link

Border radius not correctly applied #79

Closed nicktc closed 1 month ago

nicktc commented 3 months ago

Hey,

Loving what you guys are doing with this email builder. I noticed a small bug. When applying a border radius to a container, the border radius is not correctly applied. Nothing happens with the borders, unless you specify a border color. In that case, only the border itself will be rounded, instead of the container itself. Notice the white background color in the corners:

Scherm­afbeelding 2024-04-12 om 10 28 06

Used the following settings:

Scherm­afbeelding 2024-04-12 om 10 28 10

When I apply a border radius, I expect this to work, also when no specific border color is specified. Next to that you can only define the border radius for the full container, you can choose to have a different radius for the left top corner and the right top corner only. Having this ability will allow users to create also beautiful rounded templates. Now the builder only supports rectangular designs.

jordanisip commented 3 months ago

Hi @nicktc, appreciate the kind words and thanks for this ticket submission. Looks like this is indeed a bug and we're seeing it on our end as well. While it appears the border radius is being applied to the div, the table behind it seems to be using it's own background color.

We'll take a look and get this fixed.

jordanisip commented 1 month ago

Hi @nicktc, good news – we were able to put in a fix for this. You can see the rounded corners in action on this template in the playground.

CleanShot 2024-05-31 at 16 33 39

Let me know if that solves the issue on your end :)

nicktc commented 1 month ago

Nice!