[Webkit-unassigned] [Bug 220899] New: long-press/callout - weird foreground/background colors applied to links. bailing out of callout leaves :hover styles sticking

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=220899

            Bug ID: 220899
           Summary: long-press/callout - weird foreground/background
                    colors applied to links. bailing out of callout leaves
                    :hover styles sticking
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: iOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: redux at splintered.co.uk

First identified as a bug in Bootstrap - see https://github.com/twbs/bootstrap/issues/31315

This seems due to some weird heuristics (which don't seem to be documented anywhere?) of how iOS/Safari decides to style a link when it's being long-pressed, just before the callout/context menu is shown. In the case of Bootstrap, this results in outline button styled links to momentarily have a "white-on-white" style on links, which makes it look like a bug.

Additionally, after bailing out of the callout, iOS/Safari leaves the :hover styles applied until another control is tapped. Is this intentional behavior, or a bug?

reduced test case: https://codepen.io/patrickhlauke/pen/ExgBxwv

video of the bug: https://www.youtube.com/watch?v=_xCNSgieCuY

-- 
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/20210124/6da80ada/attachment.htm>