Touch events outside of container div throws exception

[endeavour]

Consuming Touch.taps causes an exception to be thrown when an Elm moduile is embedded in an HTML page and you tap (or click) outside the container div.

"Uncaught TypeError: Cannot read property 't' of undefined" occurs in the end(e) function.

[eeue56]

Can you create a short example of this?

[eeue56]

Can you create a short example of this?

[endeavour]

Sure, see this:
https://github.com/endeavour/Elm-Touch-Bug-Repro

[endeavour]

Sure, see this:
https://github.com/endeavour/Elm-Touch-Bug-Repro

[endeavour]

Run elm-reactor and then browse to bug.html and click on the red div

[endeavour]

Run elm-reactor and then browse to bug.html and click on the red div

[eeue56]

Looks like the problem is down fact touchstart isn't called, but touchend is when the listener is added to the node Elm is running inside. I've made a PR #400 which should fix this.

A possibly related problem is when you fire touch events onto an element that re-renders itself before you stop touching (i.e trigger touchend), then touchend is never called, meaning until you click again it there will be no signal sent to clear the data. To try this, load the example project up in Chrome, open the dev tools and enable mobile view, with stimulated touch events, and click on the [] in the webpage. I'll make a new issue for that.

[eeue56]

Looks like the problem is down fact touchstart isn't called, but touchend is when the listener is added to the node Elm is running inside. I've made a PR #400 which should fix this.

A possibly related problem is when you fire touch events onto an element that re-renders itself before you stop touching (i.e trigger touchend), then touchend is never called, meaning until you click again it there will be no signal sent to clear the data. To try this, load the example project up in Chrome, open the dev tools and enable mobile view, with stimulated touch events, and click on the [] in the webpage. I'll make a new issue for that.

[endeavour]

Thank you!

[endeavour]

Thank you!

[evancz]

No more Touch

[evancz]

No more Touch