Caps Lock indicator becomes inverted when page is opened with Caps Lock already enabled

[Jatin917]

Did you clear cache before opening an issue?

• I have cleared my cache

Is there an existing issue for this?

• I have searched the existing open and closed issues

Does the issue happen when logged in?

Yes

Does the issue happen when logged out?

Yes

Does the issue happen in incognito mode when logged in?

Yes

Does the issue happen in incognito mode when logged out?

Yes

Account name

JATIN917

Account config

No response

Current Behavior

• Initial Caps Lock state is shown incorrectly if the page is opened while Caps Lock is enabled.
• After toggling Caps Lock once, the indicator displays the opposite of the actual state.

Expected Behavior

• The Caps Lock indicator should correctly reflect the actual Caps Lock state after user interaction.
• The indicator should not become inverted after toggling Caps Lock.

Steps To Reproduce

1. Enable Caps Lock outside Monkeytype.
2. Open Monkeytype.
3. Now turn off Caps Lock indicator shows Caps Lock is ON.
4. Now the state becomes inconsistent with the actual caps lock toggle.

Environment

• OS: Windows 11
• Browser: Chrome
• Browser Version: in every browser

Anything else?

No response

[Jatin917]

@radar can i work on this?

[fehmer]

duplicate #5181