Input fields on a web page have no length limits

[Milord-Freeman]

On small devices, when opening a web page with settings to enter Wi-Fi connection data, there is an event to increase the input field when typing characters. There is a limit of 3 characters, but there is no limit on the maximum length, which is why when typing long ssids and passwords, the layout breaks, making the save data button inaccessible. In theory, a good solution would be to make an adaptive design depending on the available sizes, but as a hotfix, I will only suggest adding an additional check for the second magic number, which means the maximum length. Something like this:

function text_input() {
  this.size = this.value.length > 3 ? this.value.length < 20 ? this.value.length : 20 : 3;
  value = this.value;
}

Before

After

[DrZlo13]

I made a mobile-friendly UI.