[charts] onAxisClick is not working on IOS

[hhwang1864]

<LineChart
    xAxis={[
        {
            data: xAxisValues,
            scaleType: "point",
        },
    ]}
    bottomAxis={{
        tickLabelStyle: {
            angle: atrXDegreesOfRotation ?? 0,
            textAnchor: "middle",
        },
    }}
    grid={{ vertical: true, horizontal: true }}
    series={chartDataSet}
    margin={{}} 
    slotProps={{
        legend: {},
    }}
    onAxisClick={(event, d) => console.log("HIT4", event.target, d)}
/>

Current behavior

It behaves well on web and android, however onAxisClick is not working on IOS.

It does work when i use onMarkClick but i would like to click on the axis element instead of mark element.
Also it does seem like the targetted area is very small for users to click.

Your environment

System:
OS: macOS 15.1.1
Binaries:
Node: 22.9.0 - ~/.nvm/versions/node/v22.9.0/bin/node
npm: 10.9.0 - ~/.nvm/versions/node/v22.9.0/bin/npm
pnpm: Not Found
Browsers:
Chrome: 131.0.6778.109
Edge: Not Found
Safari: 18.1.1
npmPackages:
@emotion/react: 11.11.4 => 11.11.4
@emotion/styled: 11.11.5 => 11.11.5
@mui/base: 5.0.0-beta.40
@mui/core-downloads-tracker: 6.1.0
@mui/icons-material: 6.1.0 => 6.1.0
@mui/material: 6.1.0 => 6.1.0
@mui/private-theming: 6.1.0
@mui/styled-engine-sc: 6.1.0
@mui/system: 6.1.0
@mui/types: 7.2.16
@mui/utils: 6.1.0
@mui/x-charts: 7.23.0 => 7.23.0
@mui/x-charts-vendor: 7.20.0
@mui/x-data-grid: 7.23.0
@mui/x-data-grid-pro: 7.23.0 => 7.23.0
@mui/x-date-pickers: 7.7.1
@mui/x-date-pickers-pro: 7.23.0 => 7.23.0
@mui/x-internals: 7.23.0
@mui/x-license: 7.23.0
@mui/x-tree-view: 7.23.0
@mui/x-tree-view-pro: 7.23.0 => 7.23.0
@types/react: 18.3.3 => 18.3.3
react: 19.0.0-rc-4beb1fd8-20241118 => 19.0.0-rc-4beb1fd8-20241118
react-dom: 19.0.0-rc-4beb1fd8-20241118 => 19.0.0-rc-4beb1fd8-20241118
styled-components: 6.1.13
typescript: 5.6.2 => 5.6.2

Search keywords: chart onAxisClick

[JCQuintas]

We can reproduce de bug: https://codesandbox.io/p/sandbox/competent-elion-d8hg3j?file=%2Fsrc%2FDemo.tsx%3A21%2C19

It seems to have something to do with how ios handles the events, and we use pointevents for knowing which axis is being hit, but use a click event for the onAxisClick listener