Fixes contextmenu hover glitch

This commit is contained in:
Josh Perez 2021-09-16 17:51:57 -04:00 committed by GitHub
parent 9ff1c1e50d
commit 04aad09590
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 5 deletions

View File

@ -1,20 +1,22 @@
diff --git a/node_modules/react-contextmenu/modules/ContextMenu.js b/node_modules/react-contextmenu/modules/ContextMenu.js
index 622a1f9..61c8e70 100644
index 622a1f9..9fc87ea 100644
--- a/node_modules/react-contextmenu/modules/ContextMenu.js
+++ b/node_modules/react-contextmenu/modules/ContextMenu.js
@@ -226,6 +226,9 @@ var ContextMenu = function (_AbstractMenu) {
if (this.state.isVisible) {
var wrapper = window.requestAnimationFrame || setTimeout;
+ if (!this.previousFocus) {
+ this.previousFocus = document.activeElement;
+ }
wrapper(function () {
var _state = _this2.state,
@@ -242,12 +245,19 @@ var ContextMenu = function (_AbstractMenu) {
@@ -241,13 +244,21 @@ var ContextMenu = function (_AbstractMenu) {
_this2.menu.style.top = top + 'px';
_this2.menu.style.left = left + 'px';
_this2.menu.style.opacity = 1;
+ _this2.menu.style.visibility = 'visible';
_this2.menu.style.pointerEvents = 'auto';
+
+ _this2.menu.focus();

View File

@ -9175,6 +9175,7 @@ $contact-modal-padding: 18px;
padding: 6px 0;
opacity: 0;
user-select: none;
visibility: hidden;
@include light-theme {
background-color: $color-white;
@ -9185,8 +9186,9 @@ $contact-modal-padding: 18px;
}
.react-contextmenu--visible {
z-index: 1000;
opacity: 1;
visibility: visible;
z-index: 1000;
}
.react-contextmenu-item {