Bug 227630 - Drag image for draggable element is incorrect size when element has child outside of its bounds
Summary: Drag image for draggable element is incorrect size when element has child out...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 14
Hardware: iPhone / iPad iOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-07-02 08:28 PDT by Darin Senneff
Modified: 2021-07-09 08:29 PDT (History)
5 users (show)

See Also:


Attachments
Screen capture showing differently-sized drag images (6.28 MB, video/quicktime)
2021-07-02 08:28 PDT, Darin Senneff
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Darin Senneff 2021-07-02 08:28:54 PDT
Created attachment 432799 [details]
Screen capture showing differently-sized drag images

When a drag action is initiated with a draggable element, a drag/ghost image appears as expected. 

In Safari on both iPadOS v14 and iOS v15beta, the drag image appears in the incorrect size and scale if the draggable element has a child that extends beyond its boundaries. That's certainly not expected.

In Safari 14 on MacOS, the drag image appears the correct size, but with some clipping of any child elements that extend beyond the draggable element's boundaries. Not sure if that's expected or not. 

On the demo page linked below, there's three draggable elements with various-sized child elements. When testing on iPadOS v14 or iOS v15, you'll notice the size of the drag images are different depending on if the child element extends beyond the parent's boundaries or not

Demo page: https://codepen.io/dsenneff/pen/cf04b68c626d7bb849986f0bfa870f94

Also attaching a screen capture video as well.
Comment 1 Radar WebKit Bug Importer 2021-07-09 08:29:17 PDT
<rdar://problem/80377780>