Resize handle is invisible in Safari.

[solar-vibez]

Describe the bug

Reproduced, for example at https://adazzle.github.io/react-data-grid/#/all-features in Safari. There is no "col-resize" cursor appearing when mouse is close to the right border. The feature is working, but it's quite challenging to point the cursor in the right place.

It's working perfectly in Chrome or Firefox on the same Mac installation.

Expected behavior

Cursor should be changed to "col-resize" when resizable feature is enabled in all supported browsers.

Environment

• react-data-grid version: 7.0.0-beta.7
• react/react-dom version: 16.14.0
• Mac OS 12.0.1 Monterey
• Safari Version 15.1 (17612.2.9.1.20)

Additional context

[amanmahajan7]

Is this still an issue in the latest safari?

[solar-vibez]

Just checked in Safari Version 15.4 (17613.1.17.1.6). Issue is still here.

[devnaumov]

Seems like the problem is .rdg-cell-resizable::after pseudo-element. The cursor: col-resize works fine in safari if it is applied to the div.

[nstokoe]

Still happening on safari Version 15.6 (17613.3.9.1.5) with v7-beta-12