diff --git a/client/assets/styles/instance.mobile.less b/client/assets/styles/instance.mobile.less index 4621af75..9fec777b 100644 --- a/client/assets/styles/instance.mobile.less +++ b/client/assets/styles/instance.mobile.less @@ -17,6 +17,7 @@ @media (max-width: 800px) { .instance { + overflow-y: scroll; font-size: 8pt; display: grid; grid-template-columns: 1fr; diff --git a/client/src/components/demo.jsx b/client/src/components/demo.jsx index 68fb7fb8..cff51564 100644 --- a/client/src/components/demo.jsx +++ b/client/src/components/demo.jsx @@ -45,8 +45,6 @@ function Demo(args) { const { combiner, items, equipping, equipped, players } = demo; - console.log(items); - const vboxDemo = () => { function inventoryBtn(i, j) { if (!i) return ; diff --git a/client/src/components/instance.component.jsx b/client/src/components/instance.component.jsx index 56aa0e7d..3d935752 100644 --- a/client/src/components/instance.component.jsx +++ b/client/src/components/instance.component.jsx @@ -76,7 +76,7 @@ class Instance extends Component { } return ( -
setInfo(null)} onTouchMove={onTouchMove}> +
setInfo(null)}> @@ -85,12 +85,19 @@ class Instance extends Component { } componentDidMount() { - this.bindSwipes(); + if (!this.h) this.bindSwipes(); + } + + componentDidUpdate() { + if (!this.h) this.bindSwipes(); } bindSwipes() { const instance = document.getElementById('instance'); - if (!instance) return setTimeout(this.bindSwipes, 50); + if (!instance) { + console.log('no instance, binding in 50'); + return setTimeout(this.bindSwipes, 50); + } if (this.h) this.h.destroy(); this.h = new Hammer(instance); this.h.on('swiperight', () => {