JSFiddle - React, Tailwind, and code Playground

HTML

<!--

Mouse over the result section.

- Problem: On Chrome/Safari Windows, it shows the default cursor
- Correct: On Chrome/Safari Mac, it shows the grabbing cursor

-->
<div style="background:red; cursor: hand;">
    
    hdsfkdsjhfkjsdfkjsdfksdh
    <br>
        hdsfkdsjhfkjsdfkjsdfksdh
    <br>
        hdsfkdsjhfkjsdfkjsdfksdh
    <br>
        hdsfkdsjhfkjsdfkjsdfksdh
    <br>
        hdsfkdsjhfkjsdfkjsdfksdh
    <br>
        hdsfkdsjhfkjsdfkjsdfksdh
    <br>
    
</div>

CSS

* { cursor: -webkit-grabbing; }