bvaughn / react-resizable-panels

https://react-resizable-panels.vercel.app/
MIT License
3.87k stars 135 forks source link

Forcing handle cursor style while dragging #203

Closed MohammadElokour closed 10 months ago

MohammadElokour commented 11 months ago

During dragging the handle a global css cursor style is added that cant be overwitten: image

Even when overwriting it with !important I can see the default cursor style outside the boundaries of resizer itself during dragging state because of the nature of the applied CSS style (which is using the star notation that applies the style pretty much everywhere)

can this be removed? so we can have the flexibly to choose our own cursor style

bvaughn commented 10 months ago

Feel free to open a PR with a proposal and I will look it over.

I'll be honest and say that I don't think there's a good way to support this with my current approach. There is not an element that I can add an inline style to, and so I rely on the !important directive.

If your goal is to override, you could achieve this by being more specific than my * selector.

bvaughn commented 10 months ago

Thank you for reporting this. I've decided not to make any changes here though, primarily because I'm not sure how I would support this. Thank you for undersanding.