This repository was archived by the owner on Dec 16, 2022. It is now read-only.

Alerts

Jump to bottom

Rupesh Parab edited this page Jun 29, 2020 · 1 revision

Library: https://github.com/fkhadra/react-toastify

Version: 5.4.0

Code: https://github.com/benetech/MathShare/blob/development/src/scripts/alert.js

Customization done to alerts:

1. Focus on alert heading

Login and Sign Up alerts are currently being focused after being displayed

2. Focus Trap

A custom focus trap has been added using attribute data-trap-focus to to the alerts by default to prevent focus from moving away till the alert is displayed. Ref - https://github.com/benetech/MathShare/blob/a8f4ca91d5bca682375c5a71cdd4d58788fa07c4/src/services/events.js#L21