modal

Summary:

Many of the demos linked to from the README have accessibility issues:

Minimal example - once the modal is opened, aria-hidden="true" is set on the <body>. this also hides the modal itself (which is a child element of the <body>) from screen readers; when the modal is closed, f

Environment

System:
    OS: macOS 10.15.2
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
    Memory: 270.89 MB / 8.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 13.5.0 - /usr/local/bin/node
    npm: 6.13.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.

modal

Here are 1,195 public repositories matching this topic...

t4t5 / sweetalert

sweetalert2 / sweetalert2

ng-bootstrap / ng-bootstrap

fancyapps / fancybox

reactjs / react-modal

Accessibility issues with the codepen demos

Summary:

Pressing enter key to close button closes the modal but the event is attached to opener element and reopens the modal

overlayRef and contentRef are undefined on componentDidMount

jschr / bootstrap-modal

x-extends / vxe-table

react-native-modal / react-native-modal

zIndex property of Modal can't be overrided when coverScreen={false}

Environment

Android keyboard avoid issue

"onBackdropPress" runs when keyboard is open

Orderella / PopupDialog

willmcpo / body-scroll-lock

gorhom / react-native-bottom-sheet

ramon82 / zuck.js

ghosh / Micromodal

IcaliaLabs / Presentr

tholman / intense-images

kylefox / jquery-modal

mmazzarolo / react-native-modal-datetime-picker

heyui / heyui

pmusolino / PMAlertController

jeremybarbet / react-native-modalize

feimosi / baguetteBox.js

algolia / autocomplete

marcelodolza / iziModal

tajo / react-portal

KittyGiraudel / a11y-dialog

MohammadYounes / AlertifyJS

ashleydw / lightbox

yjose / reactjs-popup

ladjs / react-native-loading-spinner-overlay

robinparisi / tingle

Improve this page

Add this topic to your repo