Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Setting opacity to 0

See original GitHub issue

I set opacity to 0 as follows:

h( "div", { class: "", style: { width: 15, height: 15, opacity: 0 }, oninsert: function(el) { checkEl = el; } }, "✔" )

Picodom is not outputting an opacity css style prop on the element. If I set it to 0.1 or higher it does.

Issue Analytics

State:
Created 6 years ago
Comments:13 (11 by maintainers)

Top GitHub Comments

2reactions

acstllcommented, Nov 8, 2017

I’m gonna PR this so we can discuss over a possible solution and not about things sucking or not. ✌️

2reactions

acstllcommented, Aug 25, 2017

Here’s some interesting discussion: https://github.com/w3c/webcomponents/issues/519, https://github.com/w3c/webcomponents/issues/519#issuecomment-234302745

I think doing String(value[i]) || "" might not be the best answer, because other values like false or null would be stringified as well and you don’t want opacity = "null". Maybe something like testing against value[i] not being null or undefined?:

element.style[i] = value[i] != null ? value[i] || ""

The most important thing would be to settle on the API first, should attributes accept only strings? how should other types be handled? And make it clear on the documentation.