bug: Blog interests list has rendering glitches when scrolling #113

Closed
opened 2026-05-11 15:14:51 +00:00 by enjin2310 · 1 comment

The "Select interests related to this post" scrollable list on the blog creation page displays rendering issues and visual glitches when scrolling.

Observed behavior:

  • The interests checkbox list contains multiple items (Astronomy, ATV/Off-Road, Bicycling, etc.).
  • When scrolling through the list, text overlaps or displays incorrectly.
  • Visual artifacts appear during scrolling interactions.
  • The attached screenshots show the rendering glitches and overlapping content in the interests list.

Expected behavior:

  • The interests list should scroll smoothly without visual glitches.
  • Text should render clearly and not overlap with other items.
  • All checkboxes and labels should remain legible during scrolling.
  • The scrollbar should function properly without causing rendering issues.

Impact:

  • Users may have difficulty selecting interests due to unclear text rendering.
  • Poor visual presentation affects the user experience.
  • Potential accessibility issues for users with visual impairments.

Classification:

  • Type: bug
  • Area: Blog / create post / interests selection / scrolling / rendering
  • Severity: medium
  • Impact: Visual glitches make the interests list difficult to read and interact with
The "Select interests related to this post" scrollable list on the blog creation page displays rendering issues and visual glitches when scrolling. Observed behavior: - The interests checkbox list contains multiple items (Astronomy, ATV/Off-Road, Bicycling, etc.). - When scrolling through the list, text overlaps or displays incorrectly. - Visual artifacts appear during scrolling interactions. - The attached screenshots show the rendering glitches and overlapping content in the interests list. Expected behavior: - The interests list should scroll smoothly without visual glitches. - Text should render clearly and not overlap with other items. - All checkboxes and labels should remain legible during scrolling. - The scrollbar should function properly without causing rendering issues. Impact: - Users may have difficulty selecting interests due to unclear text rendering. - Poor visual presentation affects the user experience. - Potential accessibility issues for users with visual impairments. Classification: - Type: bug - Area: Blog / create post / interests selection / scrolling / rendering - Severity: medium - Impact: Visual glitches make the interests list difficult to read and interact with
Owner

Resolved in spikersoft-angular PR #44 (merged to master). The "Select interests" control is a Material multi-select, and its scrollable dropdown (.mat-mdc-select-panel) had a backdrop-filter: blur that forced the browser to re-sample the backdrop every frame while scrolling — producing the smeared/overlapping text. Removing the blur (the panel is already 95% opaque) keeps the look and fixes the scroll artifact. Closing.

Resolved in `spikersoft-angular` PR #44 (merged to `master`). The "Select interests" control is a Material multi-select, and its scrollable dropdown (`.mat-mdc-select-panel`) had a `backdrop-filter: blur` that forced the browser to re-sample the backdrop every frame while scrolling — producing the smeared/overlapping text. Removing the blur (the panel is already 95% opaque) keeps the look and fixes the scroll artifact. Closing.
Sign in to join this conversation.