Line break in donut label not working after hovering the chart in apexchart

[wahibshaikh]

I want to add line break in the label of donut chart. It shows line break on initial render, but after hovering the chart it separates the label with comma(,) . I'm adding the configs and screenshots.

Initial render:

After Hover:

Config:

{
    series: [4, 5, 6, 7],
    options: {
      plotOptions: {
        pie: {
          donut: {
            labels: {
              show: true,
              name: {
                show: true,
                color: '#000000',
                fontWeight: 600,
                formatter: (val) => {
                  return val
                },
              },
              value: {
                show: true,
              },
              total: {
                show: Boolean(questionCount),
                formatter: () => questionCount || 0,
              },
            },
          },
        },
      },
      chart: {
        type: type || 'donut',
      },
      dataLabels: {
        enabled: false,
      },
      legend: {
        show: false,
      },
      tooltip: {
        marker: { show: true },
        fillSeriesColor: false,
        theme: 'light',
      },

      colors: colors || ['#008000', '#ffa500', '#ff0000', '#000000'],
      responsive: [
        {
          breakpoint: 480,
          options: {
            chart: {
              width: 300,
              height: 300,
            },
            legend: {
              display: false,
              position: 'bottom',
            },
          },
        },
      ],
      labels: labels || [
        'Correct',
        ['Partially', 'Correct'],
        'Incorrect',
        'Unattempted',
      ],
    },
  }

[mohsin-polymer]

I am getting same problem. Even disabling hover effect doesn't solve the problem.
Here is how I have disabled hover effect:

states: { hover: { enabled: false, filter: { type: 'none', } }, },

[tmcdos]

I have the same problem. Is there any solution ?

[ericlara22]

The only thing I can think of is to disable the pointer events on the parent component