After displaying the polygon, a canvas is created that overlaps all elements on the map

[CodeXiD]

Checklist

• [X] 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.).
• [X] I've searched through the current issues to make sure this hasn't been reported yet.
• [X] I agree to follow the Code of Conduct that this project adheres to.

Steps to reproduce

Thank you everyone, thank you in advance for your help. I want to track mouseover of some elements on the map (vector tiles), I'm facing a problem, I have a polygon being created when the map is initialized.

this.$L.activePolygon = this.$L.polygon(
        [[0, 0]],
        ACTIVE_POLYGON('OPTIONS'),
      );

Here is the activePolygon config

{
    OPTIONS: {
      stroke: true,
      color: '#36E700',
      fill: true,
      fillColor: '#00DE2D',
      fillOpacity: 0.75,
      zIndex: 10,
    },
    VIEW_ZOOM: 14,
  },

Then at some point I get a call

this.$L.activePolygon
      .setLatLngs(cadNumFromIDB.polygon)
      .addTo(this.$L.mapInstance);

Following this, a canvas element appears that overlaps the entire map, and makes it impossible to track the mouseover event of the elements below it

Moreover, when I execute this.$L.activePolygon.remove(); then the canvas still remains, still covering the entire screen size

Expected behavior

I would like that when a polygon is deleted, the canvas is also deleted

Current behavior

Canvas .leaflet-zoom-animated stays the entire screen size, and covers everything, making it impossible to track events

Minimal example reproducing the issue

No response

Environment

• Leaflet version: 1.9.3
• Browser (with version): Chrome 123.0.6312.58
• OS/Platform (with version): MacOS Sonoma 14.2.1

[CodeXiD]

Perhaps someone will have a similar problem. In general, the problem was solved, we added the following styles.

.leaflet-overlay-pane canvas.leaflet-zoom-animated {
  pointer-events: none;
}