Here is simplified version of script for adding annotations dynamically using plotly_click (just left click for now ): https://jsfiddle.net/3ca24zz2/
You can click on the graph and new annotation should show up (when points are available).
Now, imagine that I clicked coordinates [3,5], which results in creating annotation that’s centered on 3,5 point, see below.
This is expected, cool!. It works this way under Chrome (61.0.3163.100)
However, there is a problem with Firefox (beloved tool of our customers ans stakeholders), which draws annotation in totally different spot, see below. This was tested on Firefox - Developers Edition [57.0b12 (64-bit)], Standard [56.0.2 (64 bit)]) and probably some older ones, too.
What causes the problem? How can i fix it?