Lost draggable dot on thermostats

[krzysztofsk]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

Can't change temperature on thermostat card. Dot is missing.

Describe the behavior you expected

Thermostat dot should be visible and draggable.

Steps to reproduce the issue

1. Use thermostat card

What version of Home Assistant Core has the issue?

2023.3.0

What was the last working version of Home Assistant Core?

2023.2.5

In which browser are you experiencing the issue with?

Chrome, HA companion app Android

Which operating system are you using to run this browser?

MacOS Ventura 13.2.1

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[krzysztofsk]

Same for lights

[karwosts]

+1, chrome & firefox, win10

There's still something there, when the mouse hovers over where the dot should be it changes from the pointer to the clicky-hand icon. If I try to click, I get this exception:

eb71732c.js:2 Uncaught TypeError: Cannot read properties of null (reading 'classList')
    at s.dragStart (eb71732c.js:2:25186)
    at z.handleEvent (styles.ts:353:1)

[ChristophCaina]

+1 chrome, Windows 10 and I can confirm the error in the logs

Logger: frontend.js.latest.202303010
Source: components/system_log/__init__.py:254
First occurred: 00:09:08 (8 occurrences)
Last logged: 00:30:18

https://******/frontend_latest/eb71732c.js:2:25186 Uncaught TypeError: Cannot read properties of null (reading 'classList')

[karwosts]

My core/development install doesn't exhibit this (fetched frontend:master and core:master), but my normal HAOS install does.

[balloob]

99% sure this is because of HTML minifying. CC @steverep

[steverep]

Yeah probably. I'll check it out.

[steverep]

Does this seem to be a problem on all <round-slider> elements or just thermostat?

[karwosts]

Light card is also missing.

[3ative]

In case it's relevant, the "Dots" are missing on an ESPHome Thermostat too

[steverep]

I think this has to do with SVG minification but when I examine the minified code, nothing is jumping out as wrong.

@karwosts can you confirm the visual problem appears in development if you change line 116 of bundle.js to:

    /* isProdBuild && */ [

This will enable minification temporarily for development.

[karwosts]

@karwosts can you confirm the visual problem appears in development if you change line 116 of bundle.js to:

    /* isProdBuild && */ [

This will enable minification temporarily for development.

Yes, I confirm that. Once I added that comment, it broke my dev instance the same as the production one.

[steverep]

Thanks for the quick reply. I fixed it. PR is coming.

[steverep]

I just linked a PR. If you want to double-check the fix, make sure to add that comment again.

[pedromfa]

Same issue here with the thermostat... Any fix?

[piitaya]

Same issue here with the thermostat... Any fix?

The fix will be deploy with the 2023.3.1 core release.

[jenshenk]

Great news, I was already afraid I need to cope with this for a couple of weeks after updating to 3.0 only for the yellow lights :)

[artblue1]

fixed with 2023.3.1

[jenshenk]

Amazing, thanks so much!

[GeorgeRT]

Did a Quick Reload to effect fix. Thanks.