点击模式背景，即可在Firefox中选择文本

Question

我有一个幻灯片显示，它以半透明的背景覆盖在页面其余部分的顶部。

您可以通过点击 Esc ，单击X图标或单击背景幕本身来退出幻灯片放映。

在Firefox中单击背景时，它将选择<ul>幻灯片放映子级中的所有HTML（您可以通过右键单击并选择“查看选择源”来查看此HTML）。如果再次打开幻灯片，幻灯片将以浅蓝色“突出显示”。

在Chrome中不会发生这种情况。

幻灯片显示以浅蓝色“突出显示”：

“查看选择源”。奇怪的是<slideshow>元素是半透明的背景，但是只有<ul>内的子元素被选中，而其他子元素未被选中。

JS来自Codrops Grid Gallery，但我添加了此事件侦听器以在单击背景时关闭幻灯片：

this.slideshow.addEventListener('click', function (event) {
    if (event.target !== this) {
        return;
    }

    event.stopPropagation();
    self._closeSlideshow();
});

例如，您可以在此页面上看到它： https://ferret.photography/albums/stevie