Html 只有在firefox面板中,光标才处于奇怪的位置

Html 只有在firefox面板中,光标才处于奇怪的位置,html,firefox-addon,twitter-bootstrap-3,firefox-addon-sdk,Html,Firefox Addon,Twitter Bootstrap 3,Firefox Addon Sdk,我有一个firefox插件,它通过一个小部件显示一个面板 如果我直接加载html文件,就没有问题了 但是,当通过面板使用表单时,如果我按下submit按钮,光标会移动到最终文本输入字段下方的一个奇怪位置。简单地说,如果我按tab键三次,也可以达到这个位置 只有通过firefox插件->面板加载html时,才会出现这种情况 以下是显示不合适光标的图像: 以下是html: <html> <head> <link rel="stylesheet" type="t

我有一个firefox插件,它通过一个小部件显示一个面板

如果我直接加载html文件,就没有问题了

但是,当通过面板使用表单时,如果我按下submit按钮,光标会移动到最终文本输入字段下方的一个奇怪位置。简单地说,如果我按tab键三次,也可以达到这个位置

只有通过firefox插件->面板加载html时,才会出现这种情况

以下是显示不合适光标的图像:

以下是html:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <link rel="stylesheet" type="text/css" href="../css/login.css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<head>
<body>
    <div class="outer-container">
        <div class="col-centered col-lg-12">
            <div class="row">
                <div class="header">
                    <img src="../img/logo.png" height="100px">
                </div>
            </div>
            <div class="row">
                <h3>
                    <p class="welcome-message">
                        Sign in or 
                        <a target="_blank" href="someaddress" class="create-account-link" id="create-account-link" >create  an account</a>
                    </p>
                </h3>
                <form class="form-horizontal" role="form" style="width:100%">
                    <div class="form-group">
                        <input type="text" id="username-field" class="form-control" placeholder="Username" name="username" required>
                    </div>
                    <div class="form-group">
                        <input type="password" id="password-field" class="form-control" placeholder="Password" name="password" required>
                    </div>
                    <div class="form-group">
                        <a id="login-button-link" type="submit" value="Sign In" class="btn btn-success block" style="width:100%">Sign In</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>

登录或

登录
这是一个已知的错误,应该在FF 30或FF 31中修复:

我找不到我提交的bug,但它是一个bug,并且已经为SDK的下一个版本实施了修复。