I have two inputs with setCustomValidity.
In the first input the setCustomValidity tooltip appears correctly left-aligned, as in the image below:
Butintheotherinputitappearsalignedinhalf,andtheresultIexpectedwastobeleftalignedasinthefirstinput,asintheimagebelow:
<!DOCTYPEhtml><html><head><metacharset="utf-8">
<title>TEST</title>
</head>
<body>
<form>
<label>Code:</label>
<input type="text" maxlength="3" required oninvalid="this.setCustomValidity(); "/>
<label>Description:</label>
<input type="text" maxlength="3" required oninvalid="this.setCustomValidity();" style="width: 500px;"/>
<button type="submit">Submit</button>
</form>
</body>
</html>
Does anyone know how I can align the setCustomValidity tooltip on the left?