Skip to content

Cannot drag and scroll with the touchpad/scrollwheel #23491

Open

Description

@ellatrix

To reproduce

Edit: Works in Firefox, but not in Chrome.

Steps to reproduce the behavior:

  1. Start dragging a block.
  2. Use two other fingers to scroll the page.
  3. The page doesn't scroll.

This works fine in e.g. Github Projects.

Activity

  1. added
    [Feature] Drag and DropDrag and drop functionality when working with blocks
    [Type] BugAn existing feature does not function as intended
    on Jun 25, 2020
  2. changed the title [-]Cannot drag and scroll with the touchpad[/-] [+]Cannot drag and scroll with the touchpad/scrollwheel[/+] on Jun 26, 2020
  3. added this to the Gutenberg 8.5 milestone on Jun 26, 2020
  4. removed this from the Gutenberg 8.5 milestone on Jul 8, 2020
  5. youknowriad commented on Jul 23, 2020

    @youknowriad
    Contributor

    I think this has always been the case right? which means it's not 5.5 specific.

  6. kathrynwp commented on Aug 4, 2022

    @kathrynwp

    @ellatrix I'm no longer able to replicate this; scrolling while dragging a block is working fine for me in:

    WordPress 6.0.1
    Gutenberg 13.8.0 active or inactive
    No other plugins active

    I'm going to go ahead and close this out, but if you are still experiencing the original issue, feel free to add a comment with additional details and I’ll be glad to reopen it. Thanks!

  7. ellatrix commented on Aug 4, 2022

    @ellatrix
    MemberAuthor

    This is still in issue. When you start dragging, you can't scroll with the trackpad.

  8. kathrynwp commented on Aug 8, 2022

    @kathrynwp

    @ellatrix Thanks for confirming and reopening.

    Very possible I'm misunderstanding the issue – I have not yet been able to replicate.

    Steps:

    • click the drag handle on a block
    • use two-finger scroll on trackpad
    • release fingers when block is in its new position

    Tested with:

    • Firefox 103.0.1
    • macOS 12.2.1
  9. ellatrix commented on Aug 9, 2022

    @ellatrix
    MemberAuthor

    @kathrynwp I tested it in Firefox and it appears to be working there, but it's not working in Chrome.

  10. added
    Browser IssuesIssues or PRs that are related to browser specific problems
    on Aug 9, 2022
  11. kathrynwp commented on Aug 9, 2022

    @kathrynwp

    @ellatrix Thank you very much for retesting and clarifying!

  12. Alek-Borisov commented on Jul 13, 2023

    @Alek-Borisov

    None of the Chromium-based browsers, including Chrome, Brave, Arc, Edge, or any others, allow for scrolling while dragging.

    This functionality is working solely with Safari and Firefox.

    Considering that a large number of web developers rely on desktops and the widespread use of Chromium-based browsers, this presents a significant UX flaw that should be addressed promptly.

  13. Mamaduka commented on Mar 20, 2024

    @Mamaduka
    Member

    I can no longer reproduce the issue with Chrome when using the scroll wheel. Can anyone confirm the touchpad?

  14. ellatrix commented on Jul 8, 2024

    @ellatrix
    MemberAuthor

    I can sometimes repro, sometimes not. The problem seems to come when the pointer is over the chip, it blocks scrolling. We should apply pointer-events: none.

  15. carolinan commented on Jul 12, 2024

    @carolinan
    Contributor

    It might just be my bad scrolling technique but sometimes it works and sometimes it doesn't. Chrome version 126.0.6478.127.

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

    Browser IssuesIssues or PRs that are related to browser specific problems[Feature] Drag and DropDrag and drop functionality when working with blocks[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions