Click event inside custom tooltip not working #644

<h3>
    Message: <span style="color: red; font-weight: bold;">@Message</span>
</h3>
<ApexChart TItem="MyData"
           Width="@("100%")"
           Height="@("500px")"
           Title="Sample Data">
    <ApexPointTooltip>
        <div style="padding: 1rem;">
            <p>Button inside the tooltip.</p>
            <button @onclick=ClickMe>Click me</button>
        </div>
    </ApexPointTooltip>
    <ChildContent>
        <ApexPointSeries TItem="MyData"
                         Items="Data"
                         Name="Net Profit"
                         SeriesType="SeriesType.Bar"
                         XValue="e => e.Category"
                         YValue="e => e.NetProfit" />
        <ApexPointSeries TItem="MyData"
                         Items="Data"
                         Name="Revenue"
                         SeriesType="SeriesType.Bar"
                         XValue="e => e.Category"
                         YValue="e => e.Revenue" />
    </ChildContent>
</ApexChart>

@code {
    private List<MyData> Data { get; set; } = new();
    string Message = "OnClick event inside custom tooltip not work.";

    protected override void OnInitialized()
    {
        Data.Add(new MyData { Category = "Jan", NetProfit = 12, Revenue = 33 });
        Data.Add(new MyData { Category = "Feb", NetProfit = 43, Revenue = 42 });
        Data.Add(new MyData { Category = "Mar", NetProfit = 112, Revenue = 23 });
    }

    void ClickMe()
    {
        Message = "Button inside tooltip is clicked.";
    }

    public class MyData
    {
        public string Category { get; set; } = string.Empty;
        public int NetProfit { get; set; }
        public int Revenue { get; set; }
    }
}

.apexcharts-tooltip {
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 1000;
}