The maxlength attribute for input: text doesn't work for mobile devices?

I'm generating <input> tags through js and each input should have a maxlength attribute. It works fine on pc but don't on mobile. I mean, on PC I can only type 1 digit on each input box, but the same doesn't apply on mobile. Why?

Codepen: https://codepen.io/leoncelestino/pen/wvObBax

CodePenLeonCelestino

Wordle Game

...

Pi, a future fluent jp speakerOP•2/27/24, 6:44 PM

Screenshot_2024-02-27-15-43-58-566_com.android.chrome-edit.jpg

MarkBoots•2/27/24, 6:55 PM

dont have the time to dive into it too much, but maybe try changing the ifstatement on line 259 to check for the value length

Pi, a future fluent jp speakerOP•2/27/24, 6:59 PM

Why that way

Pi, a future fluent jp speakerOP•2/27/24, 7:09 PM

It changes nothing tho

Pi, a future fluent jp speakerOP•2/27/24, 7:09 PM

I did it that way to check if there is some value

MarkBoots•2/27/24, 7:18 PM

ah okay, i see now. again, i cant dive into it too much.
maybe elsewise, instead of a keyup event it might work better on mobile if you use an input event

Pi, a future fluent jp speakerOP•2/27/24, 7:20 PM

The keydown events works fine for mobile. What doesn't work on each is backspaces key which is a different problem I'm dealing with on #Key and Code values for "enter" key in mobile