When exporting charts to SVG and then placing those SVGs into a site clipPath id is duplicated.
IE11 and Firefox are using the first clipPath and second chart is wrongly clipped.
The two charts are exported to SVG from a simple demo with just changed height.
@TorsteinHonsi Is it possible for the svg to look within itself for the clipPath, in other words have a more specific rule to identify the clipPath?
The Highcharts object keeps track of the id's, so there will never be two items with the same id in the same page. This is handled through the Highcharts.idCounter, and definitions will have id's like highcharts-0, highcharts-1 etc.
This system breaks if someone exports a chart from different pages and pastes the SVG into the same page. To prevent this situation we would have to extend the simple counter with a random hash that is (likely) unique to the Highcharts object on the page. Then everywere we run idCounter++ we should instead return a slightly more complicated id, like highcharts-oiwjd-0.
Fixed #5926, more unique id's for clipping and other internal `defs`.…
… Prevents conflicts when SVGs from different sources are pasted in the same page.
PS: No tests added, the auto-visual tests will reveal regressions.