mobile fix.

Author: b4rtaz

css/designer.css

@@ -126,6 +126,7 @@
 	z-index: 20;
 	padding: 8px 0 8px 8px;
 	border-radius: 10px;
+	white-space: nowrap;
 }
 .sqd-control-bar-button {
 	display: inline-block;

examples/assets/code-generator.js

@@ -125,7 +125,7 @@ class Editors {
 		});
 		root.appendChild(nameItem);
 
-		const numberPropNames = ['value'];
+		const numberPropNames = ['value', 'from', 'to'];
 		for (let propName of Object.keys(step.properties)) {
 			const isNumberProp = numberPropNames.includes(propName);
 			const item = document.createElement('p');

examples/code-generator.html

@@ -8,8 +8,8 @@
 	<style>
 		body {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif;}
 		html, body {width: 100vw; height: 100vh; margin: 0; padding: 0; overflow: hidden;}
-		#designer {position: absolute; top: 0; left: 0; bottom: 0; right: 30%;}
-		#output {position: absolute; top: 0; right: 0; bottom: 0; left: 70%; padding: 10px; box-sizing: border-box; color: #FFF; background: #151515;}
+		#designer {position: absolute; top: 0; left: 0; bottom: 0; right: 42%;}
+		#output {position: absolute; top: 0; right: 0; bottom: 0; left: 58%; padding: 10px; box-sizing: border-box; color: #FFF; background: #151515;}
 		#output #code {color: silver;}
 		#output #result {color: yellow;}
 

src/toolbox/scrollbox-view.ts

@@ -84,6 +84,7 @@ export class ScrollBoxView {
 	}
 
 	private onTouchStart(e: TouchEvent) {
+		e.preventDefault();
 		this.startScroll(readTouchPosition(e));
 	}
 

src/toolbox/toolbox-item.ts

@@ -21,6 +21,7 @@ export class ToolboxItem {
 	private constructor(private readonly step: StepDefinition, private readonly context: DesignerContext) {}
 
 	private onTouchstart(e: TouchEvent) {
+		e.preventDefault();
 		if (e.touches.length === 1) {
 			e.stopPropagation();
 			this.startDrag(readTouchPosition(e));

src/workspace/workspace-view.ts

@@ -100,7 +100,14 @@ export class WorkspaceView {
 	}
 
 	public bindTouchStart(handler: (position: Vector) => void) {
-		this.canvas.addEventListener('touchstart', e => handler(readTouchPosition(e)), false);
+		this.canvas.addEventListener(
+			'touchstart',
+			e => {
+				e.preventDefault();
+				handler(readTouchPosition(e));
+			},
+			false
+		);
 	}
 
 	public bindContextMenu(handler: (e: MouseEvent) => void) {