dataPointSelection not working on mobile devices!

[BevisDo]

I use dataPointSelection to catch the event of user clicking on the bar in the chart, then open a modal. it works fine on desktop screen and chrome mobile devtool. but when actually using on iphone or android device, it doesn't work.

chartOptions: {
        chart: {
          type: 'bar',
          height: 250,
          toolbar: {
            show: false,
          },
          parentHeightOffset: 0,
          events: {
            dataPointSelection: (event: any, chartContext: any, config: any) => {
              console.log(config);
              const selected =
                questionOrder === 'DESC' && type === 'RATING'
                  ? chartData?.series?.[0]?.data?.length -
                    config?.dataPointIndex
                  : config?.dataPointIndex;

              openModal();
              setSelected(
                answersWithSource?.filter((ans: any) =>
                  ans.answer.selected.includes(
                    questionOrder === 'DESC' && type === 'RATING'
                      ? selected
                      : selected + 1,
                  ),
                ),
              );
            },
          },
        },
        tooltip: {
          enabled: false,
        },
        plotOptions: {
          bar: {
            horizontal: true,
            borderRadius: 4,
            barHeight: '50%',
          },
        },
        fill: {
          colors: ['#165DFF'],
        },
        dataLabels: {
          enabled: false,
          formatter: (val: any) => val.toString(),
        },
        grid: {
          //   show: false,
          padding: {
            left: 0,
          },
        },
        xaxis: {
          axisTicks: {
            show: false,
          },
        },
        yaxis: {
          labels: {
            style: {
              fontSize: '14px',
            },
            align: 'left',
            offsetX: -15,
          },
          axisBorder: {
            show: false, 
          },
          axisTicks: {
            show: false,
          },
        },
      },