Skip to content

Latest browser update breaks you demos #3231

Description

@mezecalin

Demos on your website have issues with latest browser versions

So, with previous Firefox browser version the demos on your homepage worked perfectly. After updating to the latest Firefox version, the advanced demo does not work anymore. You cannot add item to the grid (Drag me into the dashboard) nor can you remove an item from the grid (Drop here to remove from dashboard).
There might be other issues but these are the ones I observed.

Initial Firefox version (working demo): 147.0.1 (64-bit)
Latest version (NOT WORKING DEMO) : 147.0.4 (64-bit)

The same thing applies with Chrome. As it is automatically updated I do not know a version number when it worked ok, but right now, with Chrome version 144.0.7559.133 (Official Build) (64-bit) it behaves the same (not working). Also after updating Chrome again, to version 144.0.7559.133 (Official Build) (64-bit), same behavior

GridStack version v12.4.2

Activity

  1. adumesny commented on Jun 19, 2026

    @adumesny
    Member

    Humm, https://gridstackjs.com/#demo advanced demo works fine in

    • Chrome mac (149.0.7827.103 (Official Build) (arm64))
    • firefox mac 152.0 (aarch64)

    you didn't say was OS. closing.

  2. adumesny commented on Jun 19, 2026

    @adumesny
    Member

    oh, thanks to Claude found this, so good thing you said exactly when it broke vs ok. Still working fine now (mac laptop) so curious


    Root Cause Analysis
    What's happening
    The isTouch flag in src/dd-touch.ts:14-23 is evaluating to true on desktop browsers due to navigator.maxTouchPoints > 0:

    export const isTouch: boolean = ...
    || navigator.maxTouchPoints > 0 // <-- the culprit
    Firefox 147.0.4 changed navigator.maxTouchPoints on macOS from 0 to 5 to expose the trackpad's multi-touch capabilities (matching Safari behavior). Chrome has had a similar change for some time. This makes isTouch = true on desktop machines with no actual touchscreen, which activates the touch/pointer event handling code paths.

  3. added 2 commits that reference this issue on Jun 19, 2026
    f21a51b
    436071e
  4. adumesny commented on Jun 20, 2026

    @adumesny
    Member

    Claude suggestion broke nested.html grid item dragging so will need to revert part of it (isTouch check seems ok)

  5. added a commit that references this issue on Jun 20, 2026
    8de498c
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

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions