Margin component bug: opacity not working when set to 0

Bug Report
1

Hi Web Team,

I am putting this on the forums in case I am doing something wrong, but I think I found a bug in the Margin Component.

I am setting the opacity to 0 because I want a transparent margin:

image
image709×927 47.3 KB

I am also leaving the color untouched, which apparently defaults to black (at least on Chrome for macOS).

When I save the landing page, I get these ugly black margins:

margin-opacity
margin-opacity1299×554 67.1 KB

I tried setting the opacity to something different than 0 and it works perfectly, so I guess that the problem is that 0 (and values which render as 0, such as 0.0 and .0 – yes, I tried those :D) is interpreted as ‘empty’, therefore the component is ignoring the opacity setting altogether.

Could you please take a look? Am I missing something?

Thanks!
Regards,
Óscar

2

Hey Oscar,

Thanks for reporting, I will have a look and append the ticket in the post.

By the way the first thought I made was this 0.0 :stuck_out_tongue:

3

I created ticket to be resolved in the next patch version of CERN Components