getElementsAtEventForMode does not return elements with null data

[halvtomat]

Expected behavior

I expect the method to return elements at the event position regardless of the values in the data. (Even with includeInvisible = true)

I need the elements to sync a crosshair in other graphs based on the cursor location in this graph so whatever the element data values are is not relevant for my use case.

I understand that this might be expected or desired behavior in all cases but it should at least be optional.

The problem stems from these 2 code snippets in the following files.

core/core.interaction.js

 if (!element.skip) {
        handler(element, index, j);
      }

src/controllers/controller.line.js

      const parsed = this.getParsed(i);
      const nullData = isNullOrUndef(parsed[vAxis]);
      const iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);
      const vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);

      properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;

Current behavior

The method filteres out elements that are null from the results.

Reproducible sample

https://codepen.io/halvtomat/pen/vYMYyMR

Optional extra steps/info to reproduce

Check console for elements at mouse position, drag the mouse over the area with null points, console should be filled with ELEMENTS []

Possible solution

No response

Context

No response

chart.js version

v4.2.1

Browser name and version

No response

Link to your project

No response

[LeeLenaleee]

You linked the template reproducible sample, can you update it to your correct reproducible sample?

[halvtomat]

You linked the template reproducible sample, can you update it to your correct reproducible sample?

Sorry, apparently I didn't save my example, fixing ASAP

[halvtomat]

@LeeLenaleee Updated now!