reactjs/react-modal

How do I close Modal on right click in overlay?

Open

#837 geöffnet am 15. Nov. 2020

Auf GitHub ansehen
 (6 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (7.294 Stars) (828 Forks)batch import
easyfeaturehelp wanted

Beschreibung

Summary:

I wish to close the modal on secondary click (right mouse click). This works in your codepen demo for v.1.6.2: https://codepen.io/claydiffrient/pen/ZBmyKz?editors=1111 But not in my own demo with v3.3.2, see here: https://codepen.io/CharlotteA/pen/PozLwNw?editors=1111

Am I missing a new prop to handle this?

Expected behavior:

Close on right-click: https://codepen.io/claydiffrient/pen/ZBmyKz?editors=1111

Link to example of issue:

Not closing on right-click: https://codepen.io/CharlotteA/pen/PozLwNw?editors=1111

Any help very much appreciated!  🤓

Contributor Guide

Tech Stack
reactjavascriptcss
Domain
frontendaccessibility
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
React basicsreact modal library
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Investigate the current EventManager.js in react modal to understand how click events are handled. Review the change from v1.6.2 to v3.3.2 that removed the right click close behavior. Check the GitHub issues and PRs for any related discussion on right click handling. Consider adding a prop like 'closeOnRightClick' or re enabling the default behavior.