Incorrect value of HTML checked attribute when using switch or radio button

[jandrew44]

Environment

• Package version(s):
  @blueprintjs/core: 6.10.0
• Operating System:
  Windows 10 Home Edition
• Browser name and version:
  Google Chrome 146.0.7680.178

Code Sandbox

Can be reproduced on the Blueprint docs page:
https://blueprintjs.com/docs/#core/components/switch

Steps to reproduce

1. Open the link mentioned above
2. Open developer console and find the input corresponding to the switch with value true, note it has attribute checked:

3. Now click on this switch and change its value to false

Actual behavior

The input still has the attribute checked:

Expected behavior

Attribute checked is removed from the input.
The same is true for radio buttons.

Possible solution

None

[ggdouglas]

Thanks for raising this. I checked it locally and this looks like expected browser behavior, not a Blueprint bug.

In DevTools Elements, checked is the HTML attribute, which represents the input’s default checked state on initial render. The live state you change by clicking is the DOM property (input.checked).

So the control can be working correctly even if the checked attribute text in Elements doesn’t change. You can verify live behavior in the Properties panel or by running $0.checked in the console.