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', () => {