spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

bug in regular expressions test tex #123

New Issue
Closed
opened 2026-05-11 21:17:05 +00:00 by Zhekrom · 1 comment
Zhekrom commented 2026-05-11 21:17:05 +00:00
Copy Link
Copy Source

Description

When scrolling through the page, the text displaying the username�jordan@spikersoft.com�remains anchored to the screen, to the point where it duplicates; the bug then disappears once the scrolling stops.

Observed behavior

  • When scrolling through the page, the text displaying the username�jordan@spikersoft.com�remains anchored to the screen.
  • The text duplicates.
  • The bug disappears once the scrolling stops.

Expected behavior

  • The text should scroll normally with the page.
  • No duplication or anchoring should occur.

Impact

  • Affects visual experience during scrolling.
  • May confuse users with duplicated text.

Clasification

  • Type: bug
  • Area: Regular expressions test / scrolling / text rendering
  • Several: low
  • Impact: Text duplication and anchoring during scroll affects readability
## Description When scrolling through the page, the text displaying the username�jordan@spikersoft.com�remains anchored to the screen, to the point where it duplicates; the bug then disappears once the scrolling stops. ## Observed behavior - When scrolling through the page, the text displaying the username�jordan@spikersoft.com�remains anchored to the screen. - The text duplicates. - The bug disappears once the scrolling stops. ## Expected behavior - The text should scroll normally with the page. - No duplication or anchoring should occur. ## Impact - Affects visual experience during scrolling. - May confuse users with duplicated text. ## Clasification - Type: bug - Area: Regular expressions test / scrolling / text rendering - Several: low - Impact: Text duplication and anchoring during scroll affects readability
Screenshot 2026-05-11 171856.png
22 KiB
Screenshot 2026-05-11 171856.png
spikerj commented 2026-06-15 05:36:22 +00:00
Owner
Copy Link
Copy Source

Resolved in spikersoft-angular PR #44 (merged to master) — same root cause as #104.

In the Regex playground the test text is rendered twice: the editable textarea, plus a highlight overlay stacked on top that paints the colored match bands. The overlay syncs its scroll position to the textarea via a scroll handler, so during an active scroll the two text layers briefly desync — and because the overlay was also painting the matched glyphs (the .match-N palette set color:#fff), the matched substring (here the email jordan@spikersoft.com) appeared to "stick"/duplicate until scrolling stopped and the layers re-aligned.

The fix forces the overlay's own glyphs transparent (.test-highlight-layer span.match { color: transparent }), so exactly one readable text layer is painted (the textarea) and the overlay contributes only the background bands — eliminating the duplication during scroll. Closing — please reopen with a URL if you observe the same anchoring/duplication outside the Regex playground.

Resolved in `spikersoft-angular` PR #44 (merged to `master`) — same root cause as #104. In the Regex playground the test text is rendered twice: the editable textarea, plus a highlight overlay stacked on top that paints the colored match bands. The overlay syncs its scroll position to the textarea via a scroll handler, so during an active scroll the two text layers briefly desync — and because the overlay was also painting the matched glyphs (the `.match-N` palette set `color:#fff`), the matched substring (here the email `jordan@spikersoft.com`) appeared to "stick"/duplicate until scrolling stopped and the layers re-aligned. The fix forces the overlay's own glyphs transparent (`.test-highlight-layer span.match { color: transparent }`), so exactly one readable text layer is painted (the textarea) and the overlay contributes only the background bands — eliminating the duplication during scroll. Closing — please reopen with a URL if you observe the same anchoring/duplication outside the Regex playground.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#123