仅在firefox面板中光标处于奇怪的位置

时间:2014-04-22 13:48:09

标签: html firefox-addon twitter-bootstrap-3 firefox-addon-sdk

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

如果我直接加载html文件,则没有问题。

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

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

这是一张显示不合适光标的图片:

enter image description here

这是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>

1 个答案:

答案 0 :(得分:1)

这是一个已知错误,应在FF 30或FF 31中修复: https://bugzilla.mozilla.org/show_bug.cgi?id=980714