Hacker News Reader

Comment by lindig | Hacker News Reader

The interactive tool linked in the article does not work in Safari for me. I does work in Chromium.

It's a little weird in Firefox 63 in Linux. Holding down the mouse drags the image, but after I release, it changes the curve correctly until my mouse leaves the image. It also works fine if I hold down middle click.

This can be fixed by inserting this line after line 308 of euler_explorer.js, in the onpointerdown handler:

    e.preventDefault();

By default, if you drag an image, then it moves the image. You should need to call preventDefault to prevent that, so I'm kind of annoyed with Chromium.

Thanks; that's fixed. I'll see if I can polyfill pointer events soon as well.

Argh, I used "modern web platform" but tried not to be too aggressive. I don't see any errors in the Safari console, so not sure what's wrong. The source is not (yet) in a public Git repo, but when it is, I'll happily accept PR's to improve browser compatibility.

This works for me on Safari. Perhaps it's been fixed?

It does work on FF and Edge as well.

Neither in Firefox...

Works fine for me in Fox.. Are you on nightly?

I'm using FF 56, since that's the last version to support the old extensions. Sorry, should've mentioned it.

Ah. They're using the pointerdown event, which was added in Firefox 59 (https://developer.mozilla.org/en-US/docs/Web/API/GlobalEvent...).

Right, this is also why it doesn't work in Safari. That's fixed now, but imperfectly (I don't know how to do the equivalent of setPointerCapture in ancient browsers, and also it only adds a mouse, not a touch handler, so still doesn't work in mobile Safari). Thanks!

Firefox 63.0.3 on Windows 64 bit does work fine.

You have to click on the image. At least I thought it was broken at first too.

Reply on news.ycombinator.com