[Webkit-unassigned] [Bug 213901] New: content which has transition property passed, programmatic focus outline is not visually violable

[bugzilla-daemon at webkit.org]

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

            Bug ID: 213901
           Summary: content which has transition property passed,
                    programmatic focus outline is not visually violable
           Product: WebKit
           Version: Safari 13
          Hardware: Macintosh
                OS: macOS 10.15
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: riktika_sharma at apple.com

Created attachment 403404

  --> https://bugs.webkit.org/attachment.cgi?id=403404&action=review

test-case

The newly loaded content which has transition CSS property applied to it, and on click, the programmatic focus should go to the content. The focus does go to the content, but the focus outline flashes for a second and doesn't stay onto the content. For reference test-case attached.

transition property to the content -

.fade-transform-in {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all .66s 0s cubic-bezier(0.66, 0, 0.2, 1);
transition: all .66s 0s cubic-bezier(0.66, 0, 0.2, 1);
}


:focus{
 outline: 4px solid #000;
 outline-offset: 1px;
}

-- 
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/20200702/d21cede8/attachment.htm>