Javascript HTML5日期输入:当用鼠标点击日期输入时,它不再给出有焦点的指示

Javascript HTML5日期输入:当用鼠标点击日期输入时,它不再给出有焦点的指示,javascript,html,asp.net-mvc,date,unobtrusive-validation,Javascript,Html,Asp.net Mvc,Date,Unobtrusive Validation,这是一个asp.NETFramework4.8MVC应用程序,使用jquery进行不引人注目的验证。我使用的是ChromeV90.0.4430.85 64位,但在最新版本的Edge中也出现了同样的问题 从今天早上开始,如果你用鼠标点击一个日期输入,输入不会给出任何视觉线索,表明它已经获得焦点。日期输入的数字(黄色突出显示)不再显示为可编辑;光标不会出现在输入中,数字不再突出显示为可以进行编辑的视觉指示器。根据外观,编辑日期的唯一方法是单击日历图标。从表面上看,似乎没有任何办法来确定日期 下面是为

这是一个asp.NETFramework4.8MVC应用程序,使用jquery进行不引人注目的验证。我使用的是ChromeV90.0.4430.85 64位,但在最新版本的Edge中也出现了同样的问题

从今天早上开始,如果你用鼠标点击一个日期输入,输入不会给出任何视觉线索,表明它已经获得焦点。日期输入的数字(黄色突出显示)不再显示为可编辑;光标不会出现在输入中,数字不再突出显示为可以进行编辑的视觉指示器。根据外观,编辑日期的唯一方法是单击日历图标。从表面上看,似乎没有任何办法来确定日期

下面是为这个日期输入生成的html,这是我们应用程序中所有日期输入的典型示例,所有这些输入现在的行为都是相同的

<input class="text-box single-line ea-triggers-bound valid" 
data-val="true" 
data-val-date="The field Expiration Date must be a date." 
data-val-expirationdaterequired="When the line is escrowed Expiration Date is required." 
data-val-expirationdaterolled="You cannot roll expiration date forward equal to or greater than the 
policy term." 
id="Expiration_Date" 
name="Expiration_Date" 
type="date" 
value="2021-03-02" aria-describedby="Expiration_Date-error" aria-invalid="false">

如果我恢复到ChromeV85,它可以正常工作:当我点击一个日期输入时,我可以看到它聚焦。此版本的Chromium仍能正常工作:

我在上面说“外观”,因为如果我点击数字,然后开始输入,输入会立即正确响应;我可以编辑或删除日期数字。但是,如果您使用鼠标单击日期输入,则不再有任何显示日期输入具有焦点


此问题仅在使用鼠标单击日期输入时发生。如果我在页面上从一个输入切换到另一个输入,则日期输入会正确聚焦。

谢谢@Alexander_Langer,这是一个chrome错误


请参阅此问题:

这与ASP.NET无关,但似乎是Chrome 90中的一种新行为。例如,在Mozilla开发网络上也会发生这种情况。