问题 HTML 5自动对焦会混乱CSS加载


我订的时候 autofocus="autofocus" 在输入元素上,然后在Firefox中,当页面加载时,它会在没有应用CSS的情况下显示一秒钟。 (例如,内容不居中,标题以默认字体等呈现)

如果我删除自动对焦,页面会正常加载并在准备就绪时显示。

有没有办法让页面在使用时正常加载 autofocus Firefox中的功能?


5922
2017-09-22 11:15


起源

这似乎是Firefox中的一个错误: bugzilla.mozilla.org/show_bug.cgi?id=712130 - tw16


答案:


我发现通过添加一些JavaScript <head>,页面等待焦点前加载样式。

我不确定为什么会这样,但确实如此!

例:

<script type="text/javascript">
    // Fix for Firefox autofocus CSS bug
    // See: http://stackoverflow.com/questions/18943276/html-5-autofocus-messes-up-css-loading/18945951#18945951
</script>

14
2017-09-22 16:15



这个修复工作!非常感谢。 - Anna_MediaGirl
这是有效的,因为它阻止了浏览器,似乎这个短阻塞足以让Firefox在后台正确布局页面。 - Fleshgrinder
似乎这个bug最近已经修复并将在FF 60中登陆: bugzilla.mozilla.org/show_bug.cgi?id=712130 - Niavlys