Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 13:19:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Hacky way to show on-screen keyboard

Browse source 
Doesn't work some of the time.
This commit is contained in:
Lim Chee Aun 2024-03-27 21:22:47 +08:00
parent 311160983f
commit d2af509eaf
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/compose-button.jsx
View file

@ -1,6 +1,7 @@
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import openCompose from '../utils/open-compose'; import openCompose from '../utils/open-compose';
import openOSK from '../utils/open-osk';
import states from '../utils/states'; import states from '../utils/states';
import Icon from './icon'; import Icon from './icon';
@ -14,6 +15,7 @@ export default function ComposeButton() {
states.showCompose = true; states.showCompose = true;
} }
} else { } else {
openOSK();
states.showCompose = true; states.showCompose = true;
} }
} }

16
src/utils/open-osk.jsx Normal file
View file

@ -0,0 +1,16 @@
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); // https://stackoverflow.com/a/23522755
export default function openOSK() {
if (isSafari) {
const fauxEl = document.createElement('input');
fauxEl.style.position = 'absolute';
fauxEl.style.top = '0';
fauxEl.style.left = '0';
fauxEl.style.opacity = '0';
document.body.appendChild(fauxEl);
fauxEl.focus();
setTimeout(() => {
document.body.removeChild(fauxEl);
}, 500);
}
}