Modal

[donthedeveloper]

• is only rendered to the DOM when the Modal has been triggered;
• is appended to the end of the document.body;
• has the relevant WAI-ARIA attributes in accordance with accessibility guidelines;
• closes when the escape key has been pressed, thanks to ReactFocusTrap;
• closes when the user clicks on its backdrop;
• freezes scrolling on the main document when the Modal has been triggered;
• draws focus immediately to the Modal's close button when it has been triggered;
• draws focus immediately back to the Modal's trigger button after the user closes it;
• and finally, traps focus within it when triggered.