[Webkit-unassigned] [Bug 223595] New: Text within dragged element is dimmed on iPad
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Mon Mar 22 13:01:19 PDT 2021
https://bugs.webkit.org/show_bug.cgi?id=223595
Bug ID: 223595
Summary: Text within dragged element is dimmed on iPad
Product: WebKit
Version: Safari 14
Hardware: iPhone / iPad
OS: iOS 14
Status: NEW
Severity: Normal
Priority: P2
Component: UI Events
Assignee: webkit-unassigned at lists.webkit.org
Reporter: govett at adobe.com
When dragging an element with draggable="true" on iPadOS, the text within the original element that was dragged is dimmed while it is being dragged, regardless of the CSS styles that are applied. This is problematic because custom CSS styles for the dragged element may be applied, and the browser should not override them. This only occurs on iPad, not in Safari on macOS or any other browser.
Steps to reproduce:
1. Open https://codepen.io/devongovett/pen/bGgGEEw on an iPad
2. Drag the draggable element
3. Notice that the background of the original element gets darker and the text turns white. This is due to a class being applied in the dragstart event. Also notice that the text is dimmed, e.g. has some opacity. This is not in the CSS and is being applied by Safari somehow.
4. Open the same page on macOS and drag the element. Notice that the text is white and not dimmed, as expected.
Also note that only the text is dimmed, not any other contents of the dragged element (e.g. the background, borders, or images/svg icons within). I searched the webkit source code to see if there was some default pseudo class being applied but didn't find anything.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210322/5b369775/attachment-0001.htm>
More information about the webkit-unassigned
mailing list