diff --git a/src/modals/SelectMapModal.js b/src/modals/SelectMapModal.js index c47c27e..c61b256 100644 --- a/src/modals/SelectMapModal.js +++ b/src/modals/SelectMapModal.js @@ -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 ( { + function handleBlur() { + setSelectMode("single"); + } + + window.addEventListener("blur", handleBlur); + return () => { + window.removeEventListener("blur", handleBlur); + }; + }, []); + return (