Skip to content

Unexpected drawer behavior when dragging content area (jumpy collapse & horizontal scroll flickering) #3947

@anoviany

Description

@anoviany

Description

When using the Nuxt UI Drawer, if you press and hold on the content inside the drawer (not the top drag handle), the drawer starts to "jump" or flicker as if it's trying to close or collapse — but it doesn't fully do so. It feels like it's responding to a drag gesture, even though you're not interacting with the handle.

This issue is also reproducible on the official ui.nuxt.com site.

Steps to reproduce

  1. Open a Drawer that contains content (text, divs, etc.).

  2. Click and hold anywhere on the content (not the drag handle at the top).

  3. Slightly drag or move your finger/mouse.

  4. The drawer begins to flicker or "jerk" as if it's trying to collapse.

  5. If there's a horizontal scroll inside the drawer, its width may flicker or resize as well.

Expected behavior
The drawer should remain stable unless the user explicitly interacts with the drag handle. Content interaction shouldn't trigger drawer behavior.

Additional context
This seems to happen only when dragging or holding on the content area, which suggests that the gesture might be incorrectly triggering the drawer's collapse logic.

Does anyone know how to fix or work around this?
Maybe there's a way to prevent gesture events from propagating to the drawer when interacting with content? Or should we explicitly block drag/touch events inside the drawer body?

Any insights would be appreciated!

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions