Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix bug with multi select and alt+tab

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-10-10 11:29:42 +11:00
parent 21bed5b710
commit fb6e7e036b
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/modals/SelectMapModal.js
View File

@ -1,4 +1,4 @@
import React, { useRef, useState, useContext } from "react";
import React, { useRef, useState, useContext, useEffect } from "react";
import { Button, Flex, Label } from "theme-ui";
import shortid from "shortid";
import Case from "case";
@ -309,6 +309,18 @@ function SelectMapModal({
useKeyboard(handleKeyDown, handleKeyUp);
// Set select mode to single when alt+tabing
useEffect(() => {
function handleBlur() {
setSelectMode("single");
}
window.addEventListener("blur", handleBlur);
return () => {
window.removeEventListener("blur", handleBlur);
};
}, []);
return (
<Modal
isOpen={isOpen}

14
src/modals/SelectTokensModal.js
View File

@ -1,4 +1,4 @@
import React, { useRef, useContext, useState } from "react";
import React, { useRef, useContext, useState, useEffect } from "react";
import { Flex, Label, Button } from "theme-ui";
import shortid from "shortid";
import Case from "case";
@ -183,6 +183,18 @@ function SelectTokensModal({ isOpen, onRequestClose }) {
useKeyboard(handleKeyDown, handleKeyUp);
// Set select mode to single when alt+tabing
useEffect(() => {
function handleBlur() {
setSelectMode("single");
}
window.addEventListener("blur", handleBlur);
return () => {
window.removeEventListener("blur", handleBlur);
};
}, []);
return (
<Modal
isOpen={isOpen}