Use onMouseDown instead of onClick

[kantuni]

Unfortunately, the code provided in Dropdown.elm doesn't work as expected.

If you try to select an item, you'll notice that the only thing that is being called is the onBlur handler. The reason behind this is that the blur event precedes the click event (which internally calls mousedown and mouseup). When the blur event is called, the menu along with its items gets destroyed, thus eliminating the onClick handler.

One solution is to replace onClick with onMouseDown. Although it gets the job done, the UX is not ideal (especially when considering a11y). Since this tutorial is just for demo purposes, I believe it's okay to make this sacrifice.

[netlify]

✅ Deploy Preview for elm-land ready!

Name	Link
🔨 Latest commit	787b9a6
🔍 Latest deploy log	https://app.netlify.com/sites/elm-land/deploys/649a5fccc519ca0008473f43
😎 Deploy Preview	https://deploy-preview-113--elm-land.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.