When zooming in, items can become huge (millions of pixels width). This causes performance issues and eventually the browser won't even render the element:
Their width and positionX offset should be clamped.
In order to keep the illusion that the items are partly out of the viewport, an offset in px should be configurable.
With a large enough offset it should not cause issues with items that have a border-radius.
To illlustrate this new behavior, in the example below the overflow is made visible:
When zooming in, items can become huge (millions of pixels width). This causes performance issues and eventually the browser won't even render the element:
Their width and positionX offset should be clamped.
In order to keep the illusion that the items are partly out of the viewport, an offset in px should be configurable. With a large enough offset it should not cause issues with items that have a border-radius.
To illlustrate this new behavior, in the example below the overflow is made visible:
https://github.com/laurens94/vue-timeline-chart/assets/5780704/721111ec-0e57-4f43-944b-3434a09d1031