Chrome Version: 66.0.3359.139 (Official Build) (64-bit)
OS: Mac OS X

What steps will reproduce the problem?
(1) https://jsfiddle.net/m2tg51o7/
(2) Right click the left side of the image
(3) Right click the right side of the image

What is the expected result?

The correct <area> is hit

What happens instead?

The wrong <area> is hit. Clicking left side hits the <area> in the right, while clicking the right side hits the <area> in the left