[Radio] buttons appear broken when JS fails to load

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

1. Disable JavaScript in your browser.
2. Visit Radio Button docs
3. Click "Other" in the first radio group example.

Current behavior 😯

The "Other" radio button does not fill in, and provides no feedback that it was selected. It does, however, seem to be updated if I check the currently selected item in the console: document.querySelector('input[name="radio-buttons-group"]:checked').value;.

Expected behavior 🤔

The "Other" radio button fills in after being clicked, so that the user is aware that their choice has been made.

Context 🔦

Although the reproduction steps involve manually disabling JavaScript, JS more often fails to load for different reasons (Everyone has JavaScript, right?). Forms are a good candidate for employing progressive enhancement, and ensuring that they can work without JavaScript will make for more resilient, reliable, and accessible websites.

Your environment 🌎

Browser: Firefox 105.0.1

  System:
    OS: Windows 10 10.0.19044
  Binaries:
    Node: 16.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 3.2.2 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.53)