Tooltips throw exceptions when using vector shapes with the canvas renderer after #8247

Checklist

• I’ve looked at the documentation to make sure the behavior isn’t documented and expected.
• I’m sure this is an issue with Leaflet, not with my app or other dependencies (Angular, Cordova, React, etc.).
• I’ve searched through the current issues to make sure this hasn’t been reported yet.
• I agree to follow the Code of Conduct that this project adheres to.

Steps to reproduce

1. Use latest main (9d1a841 at the time of creating this issue)
2. Set up a map with canvas renderer and a vector shape, like a rectangle.
3. Bind a tooltip to the vector. Check JS console.
4. Move mouse over the vector. Check JS console.
5. Move mouse out of the vector. Tooltip does not disappear.

Expected behavior

Tooltip does not fail to initialise or when reacting to events. They do not require DOM elements to function.

Current behavior

Exceptions thrown on: tooltip initialisation, mouse events due to getElement calls introduced in #8247 671ebdf on a canvas-rendered shape (getElement is defined on the class, but has no element to return).

Minimal example reproducing the issue

https://codepen.io/alex4401/pen/XWqpKMW

Environment

• Leaflet version: main 9d1a841
• Browser (with version): Firefox 104.0.2, but got user reports from all other browsers
• OS/Platform (with version): Arch Linux

[Falke-Design]

@mourner @jonkoops I will share tomorrow morning a fix

[alex4401]

Yeah, that’s the exact same stack trace I had. Forgot to include it above.