You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The problem
When I use an oh-label-card with trendItem AND custom stylesheet, then I get a JavaScript error on rendering.
Chrome:
Firefox:
Code for oh-label-card on page
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.
Expected behavior
No errors should occur.
Steps to reproduce
See description.
Your environment
Browser console
See description.
The text was updated successfully, but these errors were encountered: