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

Question

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

Jim*_*may 13 html css firefox html5 autofocus

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

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

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

Answer 1

Jim*_*may 16

我发现通过添加一些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>

Run Code Online (Sandbox Code Playgroud)

看起来这个bug最近已修复并将在FF 60中登陆:https://bugzilla.mozilla.org/show_bug.cgi？id = 712130 (3认同)
这是有效的，因为它会阻止浏览器，而且这个简短的阻止似乎足以让 Firefox 在后台正确布局页面。 (2认同)

归档时间：	11 年，11 月前
查看次数：	2265 次
最近记录：	7 年，8 月前