Markers overflow on yaxis when zoom in with area/line chart

[RCelty]

Description

Markers always overflow out of the yaxis whenever I set the min option for the xaxis or zoom in.

Steps to Reproduce

1. Create apex chart area/line type, xaxis type 'datetime', show marker.
2. Zoom in the middle or the end of the chart.

Expected Behavior

Markers in front of the zooming area do not overflow.

Actual Behavior

Markers in front of the zooming area overflow.

Screenshots

Reproduction Link

I can't give you the data series because it is private, but here is my chart option:
codepen: https://codepen.io/RCelty/pen/LYdqGEb

[brianlagunas]

Your sample does not reproduce the issue you are reporting. Please update the code pen to reproduce the issue or this will be closed.

[RCelty]

I have updated codepen, please check it https://codepen.io/RCelty/pen/LYdqGEb

[RCelty]

Do you have any plan on fixxing this issue yet?

[karolskolasinski]

when you add an axis border on the y-axis, then the markers are outside that axis:

what's more, when zoomed in, the entire graph goes off the axis:

data for chart from official docs (https://apexcharts.com/javascript-chart-demos/area-charts/spline/)
Just try to add

        yaxis: {
          axisBorder: {
            show: true,
            color: "black",
          },
        },

to example chart on official docs site.
Please fix this error, it is crucial.

[karolskolasinski]

@brianlagunas @joadan