File tree Expand file tree Collapse file tree 2 files changed +6
-0
lines changed Expand file tree Collapse file tree 2 files changed +6
-0
lines changed Original file line number Diff line number Diff line change @@ -50,6 +50,9 @@ const customStyles = {
50
50
}
51
51
};
52
52
53
+ // Make sure to bind modal to your appElement (http://reactcommunity.org/react-modal/accessibility/)
54
+ Modal .setAppElement (' #yourAppElement' )
55
+
53
56
class App extends React .Component {
54
57
constructor () {
55
58
super ();
Original file line number Diff line number Diff line change @@ -29,6 +29,9 @@ If you are already applying the `aria-hidden` attribute to your app content
29
29
through other means, you can pass the ` ariaHideApp={false} ` prop to your modal
30
30
to avoid getting a warning that your app element is not specified.
31
31
32
+ Using ` Modal.setAppElement ` will not embed react-modal into your react app as
33
+ a descendent component. It will just help boost up the app accessiblity.
34
+
32
35
### Keyboard navigation {#keyboard}
33
36
34
37
When the modal is opened, it restricts keyboard navigation using the tab key to
You can’t perform that action at this time.
0 commit comments