remove focus from others when interacting with canvas

This commit is contained in:
HF 2020-11-06 19:29:49 +01:00
parent 1b32b69e61
commit 2038e56d4f

View File

@ -71,7 +71,7 @@ class PixelPlainterControls {
onMouseDown(event: MouseEvent) { onMouseDown(event: MouseEvent) {
event.preventDefault(); event.preventDefault();
window.focus(); document.activeElement.blur();
if (event.button === 0) { if (event.button === 0) {
this.isMouseDown = true; this.isMouseDown = true;
@ -181,6 +181,7 @@ class PixelPlainterControls {
onTouchStart(event: TouchEvent) { onTouchStart(event: TouchEvent) {
event.preventDefault(); event.preventDefault();
document.activeElement.blur();
this.clickTabStartTime = Date.now(); this.clickTabStartTime = Date.now();
this.clickTabStartCoords = PixelPlainterControls.getTouchCenter(event); this.clickTabStartCoords = PixelPlainterControls.getTouchCenter(event);
@ -292,6 +293,9 @@ class PixelPlainterControls {
} }
onWheel(event: MouseEvent) { onWheel(event: MouseEvent) {
event.preventDefault();
document.activeElement.blur();
const { deltaY } = event; const { deltaY } = event;
const { store } = this; const { store } = this;
const state = store.getState(); const state = store.getState();
@ -365,7 +369,7 @@ class PixelPlainterControls {
PixelPlainterControls.selectColor( PixelPlainterControls.selectColor(
this.store, this.store,
this.viewport, this.viewport,
this.renderer, this.renderer,
[clientX, clientY], [clientX, clientY],
); );