我正在开发一个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>
答案 0 :(得分:1)
两年前,这已被提交为一个更普遍的错误,但仍未解决:
https://code.google.com/p/chromium/issues/detail?id=163851
请到那里解决问题,让人们照顾它。