html 5 日期输入:当用鼠标点击日期输入时,它不再显示它有焦点
html 5 date input: when date input is clicked with mouse it no longer gives indication that it has focus
这是一个 asp.net 框架 4.8 mvc 应用程序,使用 jquery 非侵入式验证。我正在使用 Chrome v90.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">
如果我恢复到 Chrome v85,它可以正常工作:当我点击日期输入时,我可以看到它获得了焦点。此版本的 Chromium 也仍然可以正常工作:https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win_x64/843807/
我在上面说“外观”是因为如果我点击数字然后开始输入,输入会立即正确响应;我可以编辑日期数字或删除它们。但是,如果您使用鼠标单击日期输入,则不再有任何视觉指示表明日期输入已获得焦点。
只有在使用鼠标点击日期输入时才会出现此问题。如果我在页面上从输入到输入切换,日期输入会正确获得焦点。
谢谢@Alexander_Langer,这是一个 chrome 错误。
https://bugs.chromium.org/p/chromium/issues/detail?id=1199352
看到这个问题:Chrome version 90 - input type time
这是一个 asp.net 框架 4.8 mvc 应用程序,使用 jquery 非侵入式验证。我正在使用 Chrome v90.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">
如果我恢复到 Chrome v85,它可以正常工作:当我点击日期输入时,我可以看到它获得了焦点。此版本的 Chromium 也仍然可以正常工作:https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win_x64/843807/
我在上面说“外观”是因为如果我点击数字然后开始输入,输入会立即正确响应;我可以编辑日期数字或删除它们。但是,如果您使用鼠标单击日期输入,则不再有任何视觉指示表明日期输入已获得焦点。
只有在使用鼠标点击日期输入时才会出现此问题。如果我在页面上从输入到输入切换,日期输入会正确获得焦点。
谢谢@Alexander_Langer,这是一个 chrome 错误。
https://bugs.chromium.org/p/chromium/issues/detail?id=1199352
看到这个问题:Chrome version 90 - input type time