Skip to content

Code Lab components don't work on mobile at all #8

@Shuvo-code-dev

Description

@Shuvo-code-dev

◌ Concept

Ballpit, ClickSpark, and MagnetButton are wired up to mouse
events only. Touch a phone screen — nothing happens.
These components are completely dead on mobile.

✦ The Solution

Add touchstart, touchmove, and touchend support alongside
the existing mouse events. Even better — migrate everything
to the Pointer Events API which handles both automatically.

⚡ Why it matters?

60%+ of web traffic is mobile. Halqa's most impressive
components are invisible to most of its visitors right now.

🌑 Alternative Solutions

Short-term: add a small "Best on desktop" label on
affected components while the proper fix gets built.

📌 Visuals & Context

Three files need updating:
Ballpit.tsx / ClickSpark.tsx / MagnetButton.tsx


Thank you for helping us evolve the circle. 🪶

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