@botonic/react
Version:
Build Chatbots using React
28 lines • 1.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useVirtualKeyboardDetection = void 0;
const react_1 = require("react");
const useVirtualKeyboardDetection = originalHeight => {
const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = (0, react_1.useState)(false);
(0, react_1.useEffect)(() => {
const handleResize = () => {
if (window.visualViewport) {
if (window.visualViewport.height < originalHeight) {
setIsVirtualKeyboardVisible(true);
return;
}
setIsVirtualKeyboardVisible(false);
return;
}
};
window.visualViewport &&
window.visualViewport.addEventListener('resize', handleResize);
return () => {
window.visualViewport &&
window.visualViewport.removeEventListener('resize', handleResize);
};
}, [originalHeight]);
return { isVirtualKeyboardVisible };
};
exports.useVirtualKeyboardDetection = useVirtualKeyboardDetection;
//# sourceMappingURL=use-virtual-keyboard-detection.js.map