bug: text rendering issues appear while scrolling down #104

Closed
opened 2026-05-11 14:23:48 +00:00 by enjin2310 · 1 comment

When scrolling down the page, the text content becomes difficult to read due to rendering artifacts.

Observed behavior:

  • Scrolling causes the displayed text to distort or overlap in the viewport.
  • The problem is most noticeable in the content area below the header when the page is scrolled down.
  • The attached screenshot shows the text rendering issue in the active browser section.

Expected behavior:

  • Text should remain crisp, stable, and legible while scrolling.
  • No visual artifacts or rendering glitches should appear during page scroll.

Classification:

  • Type: bug
  • Area: UI / text rendering
  • Severity: medium
When scrolling down the page, the text content becomes difficult to read due to rendering artifacts. Observed behavior: - Scrolling causes the displayed text to distort or overlap in the viewport. - The problem is most noticeable in the content area below the header when the page is scrolled down. - The attached screenshot shows the text rendering issue in the active browser section. Expected behavior: - Text should remain crisp, stable, and legible while scrolling. - No visual artifacts or rendering glitches should appear during page scroll. Classification: - Type: bug - Area: UI / text rendering - Severity: medium
Owner

Resolved in spikersoft-angular PR #44 (merged to master). The smearing-while-scrolling was the Regex playground's match-highlight overlay double-rendering the matched glyphs on top of the textarea text; any sub-pixel/scroll desync between the two text layers showed up as overlapping/distorted text. The overlay's own glyphs are now forced transparent so exactly one text layer is painted. Closing — if you saw this on a different page than the Regex playground, please reopen with the URL.

Resolved in `spikersoft-angular` PR #44 (merged to `master`). The smearing-while-scrolling was the Regex playground's match-highlight overlay double-rendering the matched glyphs on top of the textarea text; any sub-pixel/scroll desync between the two text layers showed up as overlapping/distorted text. The overlay's own glyphs are now forced transparent so exactly one text layer is painted. Closing — if you saw this on a different page than the Regex playground, please reopen with the URL.
Sign in to join this conversation.