Chrome扩展程序中日历弹出窗口的问题

时间:2014-09-30 16:56:32

标签: javascript google-chrome-extension twitter-bootstrap-3

我正在开发一个Chrome扩展,需要在表单中输入日期。表单以弹出窗口显示。现在每当我点击日历时,整个弹出窗口都会关闭,而不仅仅是日历。什么是预防它的最佳方法? 以下是我的文件的快照:

的manifest.json

{
    "manifest_version": 2,
    "name": "Extension Example",
    "version": "0.2",
    "background": {
        "persistent": false
    },
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "index.html"
    },
    "permissions": [
        "tabs", 
        "http://*/*", 
        "https://*/*"
    ]
}

的index.html

<!doctype html>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<title>Extension Sample</title>

<!-- Bootstrap itself -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

<!-- Custom styles -->
<link rel="stylesheet" href="css/style.css">

<!-- Fonts -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>


<body class="theme">

<!-- Main (Home) section -->
<div>
  <div class="container">
    <div class="row">
      <div class="col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1 text-center"> 
        <h3 class="tagline">Sample</h3>
        <div>
          <form method="POST">
            <div class="row col-sm-8 col-sm-offset-2">
              <input class="form-control" type="text">
              <input class="form-control" type="date">
              <input class="form-control" type="time">
              <input class="form-control" type="email">
              <br>
              <input class="form-control submit" type="submit" value="Submit">
            </div>
          </form>
        </div>
      </div> <!-- /col -->
    </div> <!-- /row -->
  </div>

</div>
<script src="libs/jquery.1.7.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="popup.js"></script> 


</body>

1 个答案:

答案 0 :(得分:1)

两年前,这已被提交为一个更普遍的错误,但仍未解决:

https://code.google.com/p/chromium/issues/detail?id=163851

请到那里解决问题,让人们照顾它。