From 1597cbe8372ec54f4acfb5996af62d3f4bfa2ee8 Mon Sep 17 00:00:00 2001 From: Brandon Egger Date: Wed, 7 Jun 2023 00:58:40 -0500 Subject: [PATCH] add setAppElement to fix accessibility issues with screen readers for react-modal --- src/components/admin/resources/form.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/admin/resources/form.tsx b/src/components/admin/resources/form.tsx index 866f71c..24251bb 100644 --- a/src/components/admin/resources/form.tsx +++ b/src/components/admin/resources/form.tsx @@ -26,6 +26,10 @@ import Modal from "react-modal"; import { type RouterInputs } from "~/utils/api"; import { PlatformLinkButton } from "~/pages/resources/[id]"; +// Required for accessibility +// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access +Modal.setAppElement("#__next"); + export type ResourceUpdateInput = RouterInputs["auditoryResource"]["update"]; /**