Opened 3 years ago

Closed 3 years ago

#10147 closed bug (fixed)

Draggable: Wrong position in a parent with "overflow: hidden"

Reported by: jsonx Owned by: mikesherov
Priority: minor Milestone: 1.11.1
Component: ui.draggable Version: 1.11.0
Keywords: regression Cc:
Blocked by: Blocking:

Description

I have a container with overflow: hidden rule. I am using my custom scrollbars.

When I scroll left with my custom scrollbar and try to drag an event it's positions calculated incorrectly.

When I enable overflow: auto for parent element it solves the issue.

v.1.11.0 fixes ckeditor problems in a dialog but brings this draggable problem.

I am using v.1.11.0 but I had to add v.1.10.4 draggable plugin on it to fix draggable problem.

  • This bug happens when container has a horizontal scrollbar.

Change History (7)

comment:1 Changed 3 years ago by scottgonzalez

  • Owner set to jsonx
  • Status changed from new to pending

Please provide a reduced test case showing the problem. Ideally without any custom scrollbars, unless the summary isn't actually accurate.

comment:2 Changed 3 years ago by jsonx

  • Status changed from pending to new

comment:3 Changed 3 years ago by scottgonzalez

  • Keywords regression added
  • Status changed from new to open

comment:4 Changed 3 years ago by mikesherov

  • Owner changed from jsonx to mikesherov
  • Status changed from open to assigned

sigh

comment:5 Changed 3 years ago by mikesherov

  • Milestone changed from none to 1.11.1
  • Summary changed from Wrong draggable position in a parent with "overflow: hidden" to Draggable: Wrong position in a parent with "overflow: hidden"

comment:7 Changed 3 years ago by Mike Sherov

  • Resolution set to fixed
  • Status changed from assigned to closed

Draggable: consider offsets from overflow:hidden parents

Developers can programmatically set scrollTop/Left on draggable containers that are overflow:hidden. They must be considered for positioning.

Fixes #10147

Changeset: e9efbc222149ca7c7a5fef2c0fe28b7b1d9be698

Note: See TracTickets for help on using tickets.