gpt4 book ai didi

angularjs - 为什么 id Chrome 扩展弹出窗口在输入自动完成建议点击时关闭?

转载 作者:行者123 更新时间:2023-12-02 11:17:15 25 4
gpt4 key购买 nike

对于 Chrome 扩展程序,我使用弹出窗口作为 Angular 的登录表单。

但是在 OS X 上,当我单击用户名自动完成建议时,弹出窗口会自行关闭,就像您在弹出窗口外部单击一样。但它在 Windows 上运行良好。

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<!-- build:css styles/vendor.css -->
<!-- bower:css -->

<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<!-- endbower -->
<!-- endbuild -->
<!-- build:css styles/main.css -->
<link href="styles/main.css" rel="stylesheet">
<!-- endbuild -->
</head>

<body ng-app="myApp" ng-controller="MainCtrl">

<div ng-if="loggedIn">
<p>
<img src="images/logo-full.png">
</p>
<p class=""><strong>You're logged in as:</strong>
</p>
<p><i>{{user}}</i>
</p>
<br>
<div class="center-block">
<button class="btn btn-danger" ng-click="logout()">Log out</button>
<a class="btn btn-primary pull-right" ng-href="https://example.com/cockpit" target="_blank">Go to Cockpit</a>

</div>
</div>

<div ng-if="!loggedIn">
<p>
<img src="images/logo-full.png">
</p>
<form ng-submit="login(username, password)">
<div class="form-group">
<label for="username" class="sr-only">Email</label>
<input id="username" class="form-control" type="text" ng-model="username" required placeholder="Email">
</div>
<div class="form-group">
<label for="password" class="sr-only">Password</label>
<input id="password" class="form-control" type="password" ng-model="password" required placeholder="Password">
</div>
<div class="alert alert-danger" role="alert" ng-if="error">{{error}}</div>
<div class="form-group">
<button type="submit" class="btn btn-primary" ng-disabled="loading">Log in</button>
</div>
<div class="form-group">
<a href="https://example.com/auth/reset" target="_blank"><small>Forgot your password?</small></a>
</div>
</form>
<div class="margin-top-big">
<a href="https://example.com/auth/signup" target="_blank" class="btn btn-block btn-success"><strong>Don't have an account? Get started</strong></a>
</div>
</div>

<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/jquery-cookie/jquery.cookie.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script src="lib/myLib.js"></script>

<!-- build:js scripts/popup.js -->
<script src="scripts/popup.js"></script>
<!-- endbuild -->
</body>

</html>

有解决方法吗?

最佳答案

OSX 似乎将文本弹出窗口上的单击处理为扩展弹出窗口区域之外的单击,这会导致其关闭。

我在 Safari 和 Chrome 的扩展上观察到了它,但仅限于 OSX。这是 related ticket在 Chromium bugtracker 中。

在某些情况下,您可以创建一个自定义控件,该控件将使用 div 来显示弹出内容,从而防止出现此问题。对于自动填充,我认为不存在解决方法。您可以尝试在 OSX 浏览器中完全禁用自动填充。这几乎不是一个更好的解决方案,但可能适合您。

关于angularjs - 为什么 id Chrome 扩展弹出窗口在输入自动完成建议点击时关闭?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37207533/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com