Marking text works unreliable

[jarkt]

Issue Description

There are very annoying issues regarding the selection of text in firefox. Don't know what or why happens, but the Apollo Server frontend doesn't act like a normal website when you trying to select text. In the screenshot I tried to select just the string content of the result without the quotation marks. It's not reliable possible. You can see that the string after the starting quotation mark is selected till the end, where the ending quotation mark is (unwanted) selected. But if I copy it, the first character ("e") is missing and the last quotation mark is also not a part of it. 🤯

Same happens in the query area. It probably has something to do with the function that marks the current selected string content.

Link to Reproduction

https://local

Reproduction Steps

No response

[cheapsteak]

Hi there, I'm having trouble reproducing this behaviour

https://github.com/apollographql/apollo-server/assets/743976/4e708530-e930-45fd-bf62-26514840c610

Would you be able to provide reproduction steps? 🙏

Any chance it could be an extension getting in the way?

[jarkt]

I have the same behavior in firefox and chromium, also in incognito mode with deactivated plugins. The selected text doesn't match the content of the clipboard. And the selection changes while dragging.

https://github.com/apollographql/apollo-server/assets/2691295/f9057711-f9db-4433-88eb-3f6748e9efe5

https://youtu.be/vxGdnZcTrhI

[cheapsteak]

Hi there,

I believe I can repro this now

Whenever text is selected across multiple lines, the highlight indicator expands past the actual selection text by 1 character

The actual selected text is still correct; if copied and pasted, the contents match where the keyboard/mouse was, but doesn't match the selection indicator

Logged a ticket in our Explorer board as this seems to be limited to Explorer (and specifically the editor panels)