Bug 246961 - <input type=color> shows no focus ring by default
Summary: <input type=color> shows no focus ring by default
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Anne van Kesteren
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-10-24 14:25 PDT by Caleb Hearon
Modified: 2023-12-18 00:37 PST (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Caleb Hearon 2022-10-24 14:25:19 PDT 
Here is the repro: https://jsfiddle.net/29rqecjy/

Any other outline-style on the color input works as expected. When the color input is focused (in that link, it will focus after 5 seconds) outline-style: auto does render. 

I can see in the inspector that there is isn't a cascade problem.
Comment 1 Radar WebKit Bug Importer 2022-10-31 14:26:18 PDT 
<rdar://problem/101775128>
Comment 2 Ahmad Saleem 2023-05-25 12:03:05 PDT 
I am able to reproduce this bug in Safari 16.5 (STP170) and it does not show 'outline' for color input.
Comment 3 Anne van Kesteren 2023-12-18 00:37:50 PST 
Pull request: https://github.com/WebKit/WebKit/pull/21953