StackExchange / StackExchange/Stacks-Editor

bug(rich-text) no highlight on selected HR element

Open
#198 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 rich text mode an horizontal rule


does not have a selection highlight whereas surrounding paragraphs have it.

To Reproduce

  1. RT mode. Type some text, add a HR, type some more text
  2. Select all text.
  3. Observe that there is nothing indicating that the HR is selected. If you delete, it is all gone
  4. Also possible to select the bottom text and the HR, but not the top text. Deleting will delete the HR and the bottom text. So it is selected.

Expected behavior
Some visual indicator when the HR is selected

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

Additional context
https://meta.stackexchange.com/a/380447/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

Reproduce the issue in rich-text mode using the listed steps in Chrome, selecting text that includes an HR and observing its missing visual indicator. The fix is complete when a selected HR is visibly indicated consistently with surrounding paragraphs, while selecting and deleting the content still behaves correctly.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.