Sweet Alert 2 v7.26.28 -> F12 中 Aria 隐藏错误

Question

（是的，有新版本，但目前无法升级）

我在 Dev Express 报告模块中使用 SweetAlert2。

步骤是：

1. 显示甜蜜警报，询问报告名称
2. 检查服务器以验证该名称尚未被使用
3. 如果是，则将 Sweet Alert 消息显示为错误
4. 确定，然后再次开始该过程。
5. 如果他们在第一次运行后点击取消，那么我会看到此错误：

阻止了元素上隐藏的 aria-hidden，因为刚刚获得焦点的元素不得对辅助技术用户隐藏。避免在聚焦元素或其祖先上使用 aria-hidden。考虑使用 inert 属性来代替，这也会阻止焦点。有关更多详细信息，请参阅 WAI-ARIA 规范的 aria-hidden 部分，网址为 https://w3c.github.io/aria/#aria-hidden。

这几乎看起来是来自 Sweet Alert 2 的错误，但对 Dev Express 报告仪表板有影响：

错误

有谁知道解决这个问题的方法或者升级是否可以解决这个问题？

所有功能似乎都可以工作，除了在 F12 中显示为错误。

当您点击“取消”时，不会出现 F12 Aria 错误。

CodePen（完整代码）

        async function promptForNewName() {
            const result = await swal({
                title: "Report Name",
                text: "Please name your report",
                showCancelButton: true,
                input: "text",
                inputValue: "",
                confirmButtonText: "Save",
                showLoaderOnConfirm: false,
                allowOutsideClick: () => !swal.isLoading(),
                inputValidator: (value) => !value ? "Please provide a name for your report" : undefined,
            });

            // Handle the case where the cancel button is clicked
            if (result.dismiss === swal.DismissReason.cancel || !result.value) {
                return null;
            }

            return trimExtraWhiteSpace(result.value);
        }

Answer 1

我也遇到了同样的问题，请问你解决了吗？