浏览器扩展中下拉列表可打开读取数据但无法关闭的问题求助

我正在开发一个浏览器扩展，用来读取某网站上的数据，目前处理下拉列表的代码是这样的：

const button = getDropDownListButton();
button.click();
readData();
const closer = getListCloserObject();
closer.click();

遇到的问题是：这段代码里的关闭逻辑，直接贴到控制台执行是有效的，但放到扩展里就不行了。我确认每次调用click()方法时确实触发了点击事件——下拉列表能正常打开，数据也能读到，但就是关不上。甚至有时候会出现同时打开两个下拉列表的情况（不过网站本身的逻辑是打开一个列表时会自动关闭其他列表）。

补充几个关键细节：

• 这个网站用的是编译后的React代码，我没法看到内部具体实现，也没办法提供可复现的示例
• 网站的下拉列表有个特性：打开新列表时会自动关闭其他列表。如果我手动删除某个列表的HTML元素，再打开另一个列表就会报错。另外，点击列表的触发按钮后，页面上会生成一个覆盖全屏的不可见div，点击这个div就会关闭列表相关的所有元素

现在我实在搞不懂为什么扩展里的关闭点击不生效，有没有大佬能给点思路？

备注：内容来源于stack exchange，提问作者Grisha_Crysta