HTML5 AutoFocus属性导致Firefox滚动到页面底部

asa*_*afb 10 firefox autofocus twitter-bootstrap

我们有一个<!DOCTYPE html>带有Twitter Bootstrap 的HTML5应用程序()和各种其他JavaScript库(包括jQuery) - 所有这些都运行在他们当前的版本上.

该页面包含具有autofocus属性集的文本输入.

<input type="text" autofocus="autofocus" />

该页面包含多个"屏幕"内容,这意味着页面上始终会有一个垂直滚动条.文本输入位于页面的第一个"折叠"内,约.从页面顶部250px.

在Chrome,Safari和Opera上,该页面按预期工作.页面加载时,元素在屏幕上并聚焦.

在FireFox(当前版本 - 18.0.1)上,元素具有焦点,但页面已滚动到1533px(通过window.pageYOffset确定).具有不同内容长度的相同页面将始终滚动到相同位置,并且该元素将在屏幕外呈现.

绝对只有一个元素具有autofocus属性set($("[autofocus]").length).

从元素中删除自动聚焦属性不会导致页面完全滚动(即页面保持滚动到顶部 - 如预期的那样).

有人可以提供任何帮助或见解吗?

我们尝试过的事情

以下测试正常:

<!DOCTYPE html>
<html>
<head>  </head>
<body>
  <div style="height: 200px">
    <h1>Test</h1>
  </div>
  <div style="height: 2000px">
    test
    <br />
    <input autofocus type="text" />
  </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

asa*_*afb 0

我们最近使用 Firefox 重试了此操作,但无法重现该问题。

关闭...