Phantom hover state in drag-enabled List (Chrome and Safari)

[ashetland]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Actual Behavior

After picking up a List Item, the first item that "passes underneath" the dragged item appears to get hover styling.

Expected Behavior

No background color changes should occur on the items being reordered.

Reproduction Sample

https://codepen.io/ashetland/pen/ExGRQPe

Reproduction Steps

Drag List Items in Chrome or Safari.

Reproduction Version

v1.8.0

Relevant Info

Bug present in: Chrome v117.0.5938.132 Safari v16.6

cc @driskull

Regression?

No response

Priority impact

p3 - want for upcoming milestone

Impact

No response

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-react
• [ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

[driskull]

This one seems like a browser issue, I think its this bug report: https://bugs.webkit.org/show_bug.cgi?id=134555

We should just keep this one open for tracking but I don't think theres anything we can do.

[geospatialem]

Blocked as a result of the bug identified in https://github.com/Esri/calcite-design-system/issues/7902#issuecomment-1740084709