[DE PE SSE mobile] For Bug 68855

This commit is contained in:
SergeyEzhin
2024-07-22 18:34:57 +03:00
parent 3120479248
commit 8da44cb856
3 changed files with 91 additions and 3 deletions

View File

@ -79,12 +79,41 @@ const MainPage = inject('storeDocumentInfo', 'users', 'storeAppOptions', 'storeV
}
}
const touchMoveHandler = (e) => {
if (e.touches.length > 1 && !e.target.closest('#editor_sdk')) {
e.preventDefault();
}
}
const gesturePreventHandler = e => {
e.preventDefault();
}
useEffect(() => {
if($$('.skl-container').length) {
if ($$('.skl-container').length) {
$$('.skl-container').remove();
}
document.addEventListener('touchmove', touchMoveHandler);
if (Device.ios) {
document.addEventListener('gesturestart', gesturePreventHandler);
document.addEventListener('gesturechange', gesturePreventHandler);
document.addEventListener('gestureend', gesturePreventHandler);
}
return () => {
document.removeEventListener('touchmove', touchMoveHandler);
if (Device.ios) {
document.removeEventListener('gesturestart', gesturePreventHandler);
document.removeEventListener('gesturechange', gesturePreventHandler);
document.removeEventListener('gestureend', gesturePreventHandler);
}
}
}, []);
const handleClickToOpenOptions = (opts, showOpts) => {
f7.popover.close('.document-menu.modal-in', false);

View File

@ -115,9 +115,39 @@ class MainPage extends Component {
}
};
touchMoveHandler (e) {
if (e.touches.length > 1 && !e.target.closest('#editor_sdk')) {
e.preventDefault();
}
}
gesturePreventHandler (e) {
e.preventDefault();
}
componentDidMount () {
if ( $$('.skl-container').length )
if ($$('.skl-container').length) {
$$('.skl-container').remove();
}
document.addEventListener('touchmove', this.touchMoveHandler);
if (Device.ios) {
document.addEventListener('gesturestart', this.gesturePreventHandler);
document.addEventListener('gesturechange', this.gesturePreventHandler);
document.addEventListener('gestureend', this.gesturePreventHandler);
}
}
componentWillUnmount() {
document.removeEventListener('touchmove', this.touchMoveHandler);
if (Device.ios) {
document.removeEventListener('gesturestart', this.gesturePreventHandler);
document.removeEventListener('gesturechange', this.gesturePreventHandler);
document.removeEventListener('gestureend', this.gesturePreventHandler);
}
}
render() {

View File

@ -108,9 +108,38 @@ class MainPage extends Component {
}
};
touchMoveHandler (e) {
if (e.touches.length > 1 && !e.target.closest('#editor_sdk')) {
e.preventDefault();
}
}
gesturePreventHandler (e) {
e.preventDefault();
}
componentDidMount () {
if($$('.skl-container').length)
if ($$('.skl-container').length) {
$$('.skl-container').remove();
}
document.addEventListener('touchmove', this.touchMoveHandler);
if (Device.ios) {
document.addEventListener('gesturestart', this.gesturePreventHandler);
document.addEventListener('gesturechange', this.gesturePreventHandler);
document.addEventListener('gestureend', this.gesturePreventHandler);
}
}
componentWillUnmount() {
document.removeEventListener('touchmove', this.touchMoveHandler);
if (Device.ios) {
document.removeEventListener('gesturestart', this.gesturePreventHandler);
document.removeEventListener('gesturechange', this.gesturePreventHandler);
document.removeEventListener('gestureend', this.gesturePreventHandler);
}
}
render() {