Bug 195512 - [iOS] Canceled drag bubble rendered in hover state even though original text not in hover state
Summary: [iOS] Canceled drag bubble rendered in hover state even though original text ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 12
Hardware: iPhone / iPad iOS 12
: P2 Normal
Assignee: Nobody
URL: http://www.photohype.com/TheCrazyOnes...
Keywords: InRadar, PlatformOnly
Depends on:
Blocks:
 
Reported: 2019-03-08 21:37 PST by Daniel Bates
Modified: 2019-03-08 21:38 PST (History)
5 users (show)

See Also:


Attachments
Screen capture (2.62 MB, video/quicktime)
2019-03-08 21:37 PST, Daniel Bates
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Daniel Bates 2019-03-08 21:37:57 PST
Created attachment 364116 [details]
Screen capture

Seen on iPad running iOS 12.1.4 (16D57).

1. Visit <http://www.photohype.com/TheCrazyOnes.htm>.
2. (Must do this semi quickly) click and drag "The misfits" then release.

The drag bubble's text is rendered in the links hover style (red, italic, no-underline), but the original text reverts to its non hover style (dark red, underlined). Canceling the drag the drag bubble returns to the position of the original text, but it looks weird since the bubble's text is in the hover state and when the bubble disappears the text is in the non-hover state.

I think there are two UI parts to fixing the weirdness of this animation. First, when the drag bubble is created. It's okay that it renders the hover styled text, but the original text must also stay rendered in the hover style so long as the drag hasn't been canceled.

Second part, when the drag is cancelled then the drag bubble must return to the position of the original text BEFORE we re-render the original text in to non-hover style.
Comment 1 Radar WebKit Bug Importer 2019-03-08 21:38:15 PST
<rdar://problem/48736007>