Cannot click on selected text to move cursor when Group is rendered

[JinJieBeWater]

Description

When a Group component is rendered on the page, clicking on selected text to move the cursor doesn't work. This affects text anywhere on the page, not just inside the Group.

Steps to Reproduce

1. Go to https://react-resizable-panels.vercel.app/
2. Select some text on the page (either in the demo panels or outside)
3. Try clicking within the selected text to move the cursor
4. The cursor will not move to the clicked position

Expected Behavior

Clicking on selected text should move the cursor to that position, just like normal text behavior.

Actual Behavior

Clicking on selected text has no effect - the cursor position doesn't change.

[bvaughn]

Am I missing something? Seems to work fine for me.

repro.mov

repro2.mov

Try restarting your browser. Maybe you're seeing a browser bug of some sort.

[JinJieBeWater]

It seems that our mouse behavior differs.

When using Google Chrome, the issue consistently occurs.
I tested the same interaction in Zen Browser (Firefox-based engine), and the behavior is normal there.

To rule out profile- or extension-related factors, I also tested Chrome with:

• A new browser profile
• All extensions removed
• Default settings restored

The issue still persists in Chrome.

Chrome
https://github.com/user-attachments/assets/484b87cd-d8bd-4c54-b926-8585d17a609d

Zen
https://github.com/user-attachments/assets/2feba856-beb0-4e1a-b3bb-f15a7083bb6c

This is a bit confusing.

---

Environment

• Operating System: Windows 26200.7462

• Browsers tested:

  • Google Chrome (issue reproducible)
  • Zen Browser (Firefox-based engine) (works as expected)

[bvaughn]

The video I recorded above was made using Chrome, although I'm using a Mac.

[JinJieBeWater]

I tested this on my friend’s computer as well. Using Chrome on Windows shows the same issue, so it appears to be a Chrome-on-Windows–specific problem.

[bvaughn]

Interesting!

Can you repro it on a website that isn't my documentation site? (I'm trying to rule out a problem with the package itself vs just the website I made to document it.)

For example, does it happen here?
https://codesandbox.io/p/devbox/react-resizable-panels-issue-566-forked-g5xh7y

[JinJieBeWater]

Yes. I encountered this issue in my own project, and it also occurs in this sandbox.

repro.mp4

[JinJieBeWater]

I’m aware that the Group component has a disableCursor prop that might affect this behavior, but the issue persists regardless of whether it is enabled or not.

[bvaughn]

Thanks for the extra information here.

I was just getting ready to send a link to a Sandbox with disableCursor as that was my next best guess.

I'm a bit stumped at the moment.

[JinJieBeWater]

Yeah, I’m kind of scratching my head too.

[bvaughn]

You're welcome to check out the project and poke around some if you have any ideas. I think it's reasonably straight forward if you follow the contributing guide but feel free to ask questions if anything is confusing.

[bvaughn]

Out of curiosity, does this Codepen behave the same for you? https://codepen.io/chriscoyier/pen/dyyVGap

[bvaughn]

@JinJieBeWater Are you able to repro the bug in your app using this build?
react-resizable-panels-4.2.0-issues-574.tgz

Edit Based on a quick VM test, I'm guessing this doesn't change the behavior. I'm stumped.