No visual validation for some fields

[Leonabcd123]

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?

No

Does the issue happen in incognito mode when logged in?

Yes

Does the issue happen in incognito mode when logged out?

No

Account name

RobiRabbit

Account config

{"theme":"night_runner","themeLight":"serika","themeDark":"serika_dark","autoSwitchTheme":false,"customTheme":false,"customThemeColors":["#212121","#feff04","#feff04","#5c4a9c","#1a1a1a","#e8e8e8","#da3333","#791717","#da3333","#791717"],"favThemes":[],"showKeyTips":true,"smoothCaret":"medium","codeUnindentOnBackspace":false,"quickRestart":"tab","punctuation":false,"numbers":false,"words":100,"time":15,"mode":"time","quoteLength":[0,1,2,3],"language":"english","fontSize":1.5,"freedomMode":false,"difficulty":"normal","blindMode":false,"quickEnd":true,"caretStyle":"default","paceCaretStyle":"default","flipTestColors":false,"layout":"default","funbox":[],"confidenceMode":"off","indicateTypos":"off","timerStyle":"mini","liveSpeedStyle":"text","liveAccStyle":"off","liveBurstStyle":"off","colorfulMode":false,"randomTheme":"off","timerColor":"main","timerOpacity":"1","stopOnError":"off","showAllLines":false,"keymapMode":"react","keymapStyle":"staggered","keymapLegendStyle":"lowercase","keymapLayout":"qwerty","keymapShowTopRow":"layout","keymapSize":1,"fontFamily":"Roboto_Mono","smoothLineScroll":false,"alwaysShowDecimalPlaces":true,"alwaysShowWordsHistory":false,"singleListCommandLine":"manual","capsLockWarning":true,"playSoundOnError":"off","playSoundOnClick":"off","soundVolume":1,"startGraphsAtZero":true,"showOutOfFocusWarning":true,"paceCaret":"off","paceCaretCustomSpeed":200,"repeatedPace":true,"accountChart":["on","on","on","on"],"minWpm":"off","minWpmCustomSpeed":100,"highlightMode":"letter","typingSpeedUnit":"wpm","ads":"off","hideExtraLetters":false,"strictSpace":false,"minAcc":"off","minAccCustom":100,"monkey":false,"repeatQuotes":"off","oppositeShiftMode":"off","customBackground":"","customBackgroundSize":"cover","customBackgroundFilter":[0.2,0.5,1,0.7],"customLayoutfluid":["dvorak","colemak"],"customPolyglot":["spanish","french","german"],"monkeyPowerLevel":"off","minBurst":"off","minBurstCustomSpeed":100,"burstHeatmap":false,"britishEnglish":false,"lazyMode":false,"showAverage":"off","tapeMode":"off","tapeMargin":50,"maxLineWidth":0,"playTimeWarning":"off"}

Current Behavior

The "New filter preset" field in the user stats page doesn't have the X icon next to it when the input is invalid. When trying to access the same button from the settings menu, it does show the X icon, but it doesn't block the "add" button.

Expected Behavior

It should have the X icon next to it when the input is invalid, and it should block the add button.

Steps To Reproduce

1. Go to https://monkeytype.com/account
2. Click on "save as preset"
3. Enter some invalid input (such as /)
4. Click on "add"
5. You will get a notification error, but you won't see any X next to the input box.

Settings one:

1. Go to https://monkeytype.com/settings
2. Enter an invalid name (such as /)
3. Notice that the add button isn't blocked, although the X is there.

Environment

• OS: Arch Linux
• Browser: Firefox
• Browser Version: 144.0

Anything else?

Should both bugs have their own issues?

[imrajyavardhan12]

Hi @Miodec
Please assign this to me