html - 电子邮件地址流入文本输入字段的第二行

Question

我的应用程序的用户发送了这个令人难以置信的屏幕截图：

在 Windows 上的 Google Chrome 中，他在该字段中输入了一封长电子邮件，文本流入输入字段下方的第二行。我无法在 Mac 和 Windows 上的每个浏览器中重新创建它。我已经尝试过输入和粘贴电子邮件。

输入字段很简单：

<input id="email" type="email" class="form-control" name="email" required autocomplete="email">

有人知道这是怎么发生的以及如何预防吗？就好像他在输入字段上有一个文本换行属性，经过 9 年的网站建设，直到现在我都认为这是不可能的。

标签： htmlcss