prevent default

README.md

@@ -4,6 +4,7 @@
 
 * Toggle for changing side of preview bar
 * Note pad for
+* Touch/scroll functionality did not work on iPhone
 
 # Testing Script
 

src/js/oCrossword.js

@@ -545,6 +545,11 @@ OCrossword.prototype.assemble = function assemble() {
 		this.hammerMC.on('panleft panright', onPanHoriz);
 		this.hammerMC.on('panend pressup pancancel', onPanEnd);
 		this.hammerMC.on('tap', onTap);
+		this.hammerMC.on('hammer.input', function (e) {
+			if (!cluesEl.contains(e.target) && !gridWrapper.contains(e.target)) {
+				e.preventDefault();
+			}
+		});
 
 		this.addEventListener(this.rootEl, 'click', onPanEnd);
 

src/scss/_base.scss

@@ -39,6 +39,7 @@
 	.o-crossword-grid-wrapper {
 		flex-shrink: 0;
 		overflow: auto;
+		-webkit-overflow-scrolling: touch;
 		position: relative;
 		font-size: 1.5em;
 
@@ -239,6 +240,7 @@
 		}
 		&.expanded {
 			overflow-y: auto;
+			-webkit-overflow-scrolling: touch;
 			height: 100%;
 			max-height: 100%;
 			background: white;
@@ -281,9 +283,3 @@
 		}
 	}
 }
-
-/// Add to crossword's wrapper element (if there is one)
-@mixin oCrosswordWrapper {
-	overflow: auto;
-	width: 100%;
-}