[Webkit-unassigned] [Bug 213901] New: content which has transition property passed, programmatic focus outline is not visually violable
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jul 2 15:11:43 PDT 2020
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>
More information about the webkit-unassigned
mailing list