StackExchange / StackExchange/Stacks-Editor

bug(rich-text) Cannot drag-select text in Add Image dialog textboxes

Open
#190 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug mode - rich text
Dominant language
TypeScript
Stars
437
Forks
61
Avg merge
16h 2m
Merged PRs (30d)
8

Description

Describe the bug
In the rich text view, editing an image link or image text in the "Edit image" dialog box works, but dragging to select text in any of the sections in the dialog box is not possible. Instead, it drags the entire dialog box as if the dialog box itself was being treated as an image (if you notice, dragging the dialog box also drags the (unicorn) image).

To Reproduce
Steps to reproduce the behavior:

  1. RT, add image
  2. Click on image, edit image dialog opens
  3. Click in the url textbox
  4. Attempt to drag-select the text
  5. Observe the entire dialog is being "copied"

Expected behavior
Within text boxes in the image dialog, can drag-select text

Screenshots
demo

Desktop (please complete the following information):
Windows 11 Chrome 103

Additional context
https://meta.stackexchange.com/a/380422/51

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the rich text view: add an image, open the Edit image dialog, and try to drag-select text in its URL or other text boxes. Inspect the Add Image/Edit image dialog entry point and verify that text selection works without dragging the dialog or image.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.