我正在开发一个网络扩展程序,自从我升级到 Firefox 量子后,我遇到了一个新问题:我的扩展程序的弹出菜单通过保持部分突出显示来搞乱悬停。.
正如您在 gif 中看到的那样,即使我悬停在底部,第一个元素仍然部分突出显示,即使我悬停在顶部,底部仍然部分突出显示。
这只发生在 Firefox 中,并且在 google chrome 中运行良好。
我需要做什么来解决这个问题?是否有任何我遗漏的具体内容,或者这是新的 Firefox 更新的问题?
我创建了一个最小扩展来重现该问题:
创建一个包含以下内容的 manifest.json:
{
"manifest_version": 2,
"name": "test",
"version": "1.0.0",
"browser_action": {
"browser_style": true,
"default_popup": "choose_page.html"
}
}
创建一个名为 choose_page.css 的文档,其内容如下:
html, body {
width: 250px;
}
.common {
}
.common:hover {
background-color: #CFF2F2;
}
和一个名为 choose_page.html 的 html 页面,其内容如下:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="choose_page.css"/>
</head>
<body>
<div class="common">Enable/Disable</div>
<div class="common" id="sidebar">Show/Hide</div>
</body>
</html>
我相信这是火狐的一个错误,所以我在这里提交了一个错误:https ://bugzilla.mozilla.org/show_bug.cgi?id=1422187