LearnNewsExamplesServices
Frontmatter
id8665
titleRefactor HomeCanvas Styling & Pointer Events
stateClosed
labels
designrefactoring
assigneestobiu
createdAtJan 15, 2026, 2:19 AM
updatedAtJan 15, 2026, 2:31 AM
githubUrlhttps://github.com/neomjs/neo/issues/8665
authortobiu
commentsCount1
parentIssue8661
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 15, 2026, 2:31 AM

Refactor HomeCanvas Styling & Pointer Events

Closed v11.22.0 designrefactoring
tobiu
tobiu commented on Jan 15, 2026, 2:19 AM
  • Create resources/scss/src/apps/portal/view/home/HomeCanvas.scss.
  • Move inline styles from HomeCanvas.mjs to the SCSS file.
  • Add pointer-events: none to allow scrolling and clicking through the canvas.
  • Remove inline style config from HomeCanvas.mjs.
tobiu added the design label on Jan 15, 2026, 2:19 AM
tobiu added the refactoring label on Jan 15, 2026, 2:19 AM
tobiu assigned to @tobiu on Jan 15, 2026, 2:25 AM
tobiu referenced in commit 726bd61 - "refactor: HomeCanvas SCSS and Parent-Delegated Interaction (#8665)" on Jan 15, 2026, 2:30 AM
tobiu
tobiu Jan 15, 2026, 2:31 AM

Input from Gemini 3 Pro:

✦ I have refactored the HomeCanvas styling and interaction model.

Changes:

  1. SCSS Architecture: Moved inline styles to resources/scss/src/apps/portal/home/HomeCanvas.scss.
  2. Pointer Events: Added pointer-events: none to the canvas to ensure it doesn't block interactions with the "Get Started" buttons.
  3. Interaction Model: Since the canvas ignores mouse events, I moved the mousemove listener to the parent container (MainNeo).
    • MainNeo now captures mouse moves and forwards them programmatically to HomeCanvas.onMouseMove().
    • This ensures the "Neural Galaxy" physics still react to the mouse (repulsion & parallax) without blocking UI clicks.

The implementation is now clean, themable, and functional.

tobiu closed this issue on Jan 15, 2026, 2:31 AM
tobiu added parent issue #8661 on Jan 15, 2026, 2:31 AM