Why inputElement.maxLength returns -1? – Html

I wonder why default maxLength/minLength property for HTMLInputElement is set to -1 by default.

There is also confusing behavior like below:

1. Example

<input type="text" />

const inputElement = document.querySelector('input');
console.log(inputElement.maxLength) // -1

---

2. I set maxLength programatically

inputElement.maxLength = 2;
console.log(inputElement.maxLength) // 2

and html will reflect as

<input type="text" maxlength="2" />

---

3. I remove maxlength="2" manually from devtools.

<input type="text" />

I get

console.log(inputElement.maxLength) // undefined

can someone tell me why is that? There is no such a thing in documentation, but i can see that every browser is pretty consistent in this.

[Edit] 3. is wrong in this example, it is return -1 https://stackoverflow.com/a/75541575/10465908