Skip to content

ComplexColorWheel is malformed until first hover repaint #192

Description

@pathscale

Symptom

On the Appearance settings pane, the complex colour wheel is badly malformed on initial paint: oversized dark circular geometry and detached palette dots overlap the surrounding content. Moving the pointer over the control immediately makes it render correctly.

Scope

  • Consumer: apps/gui/frontend/src/features/settings/ThemePicker.tsx
  • Reusable component: @pathscale/ui ComplexColorWheel
  • Renderer: Blitz/TRB
  • Screenshot: Screenshot 2026-08-29 at 02.49.19.png supplied by the owner

Required outcome

The control must be correctly laid out and painted on its first visible frame, with no hover or pointer movement required. Add a native ps-qa regression that verifies the initial rendered geometry/state before any hover, and use Blitz inspection/deep profiling for diagnosis. Do not substitute jsdom or a pixel-only assertion for the native outcome.

Diagnostic clue

Hover correcting the entire control strongly suggests stale initial layout/paint state or missing invalidation rather than a ThemePicker styling preference. Audit recent UI/solid-layouts/Blitz changes skeptically and fix at the lowest shared layer proven responsible.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions