Skip to content

docs: Prevent default on interactive canvases #3259

Open

Description

@aleksanderkatan

On mobile, examples like Liquid Glass scroll the page when interacting with them. We should check every example and prevent default if it is interactive.
Uninteractive examples should remain as is.

Activity

  1. pullfrog commented on Oct 22, 2026

    @pullfrog
    Contributor

    ( ◦°^°◦) 🏴☠️ Ahoy! I scoured the issue seas fer a duplicate chart and found nary a one — this be a fresh sighting. The map be clear enough to sail: the bug anchors on examples/simple/liquid-glass/index.ts registerin' touchmove with { passive: true }, so preventDefault() never lands and the page scrolls. No extra context needed — just a sweep o' interactive examples to flip those listeners to passive: false where default should be stopped.

    No duplicate found, and the issue is clear and actionable as written. One note: liquid-glass already attaches touchmove with { passive: true }, which is exactly why preventDefault() is silently ignored — worth checking that pattern across examples.

    Pullfrog  | Implement a fix ➔ | View workflow run | via Pullfrog | Using deepseek-v4.1-flash (free via Pullfrog for OSS) | 𝕏

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

    documentationImprovements or additions to documentation

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions