Repository navigation
Change cursor on hover - has no affect #129
Description
threeversion: 0.169.0@react-three/fiberversion: 8.17.10react-three-mapversion: 0.8.2nodeversion: v20.11.1npm(oryarn) version: 10.2.4
Problem description:
Usually I can easily add code to my model tag in my canvas to change the cursor to a pointer in a regular R3F app, however this doesnt seem to work in react-three-map. No matter what I do, the cursor stays the "grab" cursor.
Relevant code:
<Model
position={[-3.855, 0, 180.526]}
onClick={handleClick}
onPointerEnter={() => {
document.body.style.cursor = "pointer";
}}
onPointerLeave={() => {
document.body.style.cursor = "default";
}}
/>
Activity
RodrigoHamuy commentedon Nov 14, 2024
That's because Maplibre and Mapbox also have a cursor style. You can aim at the canvas instead of the document body to have priority in the CSS hierarchy.
newguy123-creator commentedon Nov 14, 2024
Yes I gathered that. The question therefore is, how can I overrirde it and make my style important?