openHAB 3.2.
When I use an oh-label-card with trendItem AND custom stylesheet, then I get a JavaScript error on rendering.
Chrome:
TypeError: Cannot read properties of undefined (reading 'add')
at i.mounted (app.js:1:50713)
at qe (app.js:7:11332)
at tn (app.js:7:25247)
at Object.insert (app.js:7:20269)
at O (app.js:7:60117)
at i.__patch__ (app.js:7:61517)
at e._update (app.js:7:34352)
at i.a (app.js:7:68180)
at fn.get (app.js:7:26678)
at fn.run (app.js:7:27562)
Firefox:
TypeError: this.$el.classList is undefined
mounted http://backend:8090/js/app.js:1
qe http://backend:8090/js/app.js:7
tn http://backend:8090/js/app.js:7
insert http://backend:8090/js/app.js:7
O http://backend:8090/js/app.js:7
Ho http://backend:8090/js/app.js:7
_update http://backend:8090/js/app.js:7
a http://backend:8090/js/app.js:7
get http://backend:8090/js/app.js:7
run http://backend:8090/js/app.js:7
pn http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
Ze http://backend:8090/js/app.js:7
promise callback*Ye http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
update http://backend:8090/js/app.js:7
update http://backend:8090/js/app.js:7
notify http://backend:8090/js/app.js:7
set http://backend:8090/js/app.js:7
set http://backend:8090/js/app.js:7
onWindowResize http://backend:8090/js/13.app.js:3
mounted http://backend:8090/js/13.app.js:3
at http://backend:8090/js/app.js:7
Ze http://backend:8090/js/app.js:7
promise callback*Ye http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
$nextTick http://backend:8090/js/app.js:7
mounted http://backend:8090/js/13.app.js:3
at http://backend:8090/js/app.js:7
Ze http://backend:8090/js/app.js:7
promise callback*Ye http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
$nextTick http://backend:8090/js/app.js:7
mounted http://backend:8090/js/13.app.js:3
qe http://backend:8090/js/app.js:7
tn http://backend:8090/js/app.js:7
insert http://backend:8090/js/app.js:7
O http://backend:8090/js/app.js:7
Ho http://backend:8090/js/app.js:7
_update http://backend:8090/js/app.js:7
a http://backend:8090/js/app.js:7
get http://backend:8090/js/app.js:7
run http://backend:8090/js/app.js:7
pn http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
Ze http://backend:8090/js/app.js:7
promise callback*Ye http://backend:8090/js/app.js:7
at http://backend:8090/js/app.js:7
update http://backend:8090/js/app.js:7
update http://backend:8090/js/app.js:7
$forceUpdate http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
p http://backend:8090/js/app.js:7
L http://backend:8090/js/app.js:7
promise callback*Nt/e< http://backend:8090/js/app.js:7
Nt http://backend:8090/js/app.js:7
Ft http://backend:8090/js/app.js:7
Ft http://backend:8090/js/app.js:7
_c http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
_render http://backend:8090/js/app.js:7
a http://backend:8090/js/app.js:7
get http://backend:8090/js/app.js:7
fn http://backend:8090/js/app.js:7
mount http://backend:8090/js/app.js:7
$mount http://backend:8090/js/app.js:7
$mount http://backend:8090/js/app.js:7
init http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
f http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
Ho http://backend:8090/js/app.js:7
_update http://backend:8090/js/app.js:7
a http://backend:8090/js/app.js:7
get http://backend:8090/js/app.js:7
fn http://backend:8090/js/app.js:7
mount http://backend:8090/js/app.js:7
$mount http://backend:8090/js/app.js:7
$mount http://backend:8090/js/app.js:7
init http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
d http://backend:8090/js/app.js:7
S http://backend:8090/js/app.js:7
Code for oh-label-card on page
component: oh-label-card
config:
item: CO2
title: OH Label Card
trendItem: CO2
stylesheet: |
.abc {
padding: 1px;
}
slots: null
If I remove the inline stylesheet for the oh-label-card, the error is gone. Same for removing the trendItem.
So, I get the error if I have trendItem set AND stylesheet. The content of the stylesheet does not matter.
The widget is looking OK though.