Revert listen to touchable changes
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import {
|
||||
addTouchableChangeEventListener,
|
||||
// addTouchableChangeEventListener,
|
||||
getIsTouchable,
|
||||
createDispatcher,
|
||||
} from '../../utils/event'
|
||||
import { focusable } from '../focusable'
|
||||
@@ -35,12 +36,12 @@ export function pausable(node) {
|
||||
destroy && destroy() // destroy when touchable changed
|
||||
destroy = getHandler(isTouchable, node).destroy
|
||||
}
|
||||
|
||||
handleTouchableChange(getIsTouchable())
|
||||
// in order to change handlers when browser was switched to mobile view and vice versa
|
||||
const removeTouchableChangeListener = addTouchableChangeEventListener(handleTouchableChange)
|
||||
// const removeTouchableChangeListener = addTouchableChangeEventListener(handleTouchableChange)
|
||||
return {
|
||||
destroy() {
|
||||
removeTouchableChangeListener()
|
||||
// removeTouchableChangeListener()
|
||||
destroy() // destroy here in case if touchable was not changed
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,16 +20,17 @@ export function createDispatcher(source) {
|
||||
|
||||
export function getIsTouchable() {
|
||||
return (
|
||||
// ('ontouchstart' in window) || // not changing value during browser view switching (mobile <-> desktop)
|
||||
(navigator.maxTouchPoints > 0) ||
|
||||
(navigator.msMaxTouchPoints > 0)
|
||||
('ontouchstart' in window)
|
||||
// || // not changing value during browser view switching (mobile <-> desktop)
|
||||
// (navigator.maxTouchPoints > 0) ||
|
||||
// (navigator.msMaxTouchPoints > 0)
|
||||
)
|
||||
}
|
||||
|
||||
export function addTouchableChangeEventListener(cb) {
|
||||
let isTouchable = null
|
||||
|
||||
function handleResize() {
|
||||
function handleTouchableChange() {
|
||||
const isTouchableNext = getIsTouchable();
|
||||
if (isTouchable !== isTouchableNext) {
|
||||
cb(isTouchableNext)
|
||||
@@ -37,8 +38,7 @@ export function addTouchableChangeEventListener(cb) {
|
||||
}
|
||||
}
|
||||
|
||||
const interval = setIntervalImmediate(handleResize, 500);
|
||||
|
||||
const interval = setIntervalImmediate(handleTouchableChange, 500);
|
||||
return () => {
|
||||
clearInterval(interval)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user