Bug 240045

Summary:	REGRESSION (Safari 15.2 - 15.4): Disabled button with border-radius, border-color, and display: inline-flex causes background to disappear
Product:	WebKit	Reporter:	Rob Dodson <lets.email.rob>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	akeerthi, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 15
Hardware:	Mac (Apple Silicon)
OS:	macOS 12

Rob Dodson

Reported 2022-05-03 16:34:18 PDT

Here is a reduced test case: https://jsbin.com/debujav/edit?html,css,output The button displays properly in Chrome, but in Safari the background disappears. If you remove or change the properties, for instance, setting display: inline-block or border-color: rgba(0, 0, 0, 0.01) the background appears.

Attachments
Add attachment proposed patch, testcase, etc.

Rob Dodson

Comment 1 2022-05-03 16:36:40 PDT

This bug occurs in Safari 15.4, but we are able to confirm it does not happen in 15.2

Radar WebKit Bug Importer

Comment 2 2022-05-03 18:40:06 PDT

<rdar://problem/92705832>

Simon Fraser (smfr)

Comment 3 2022-05-03 20:05:35 PDT

*** This bug has been marked as a duplicate of bug 238088 ***

Note You need to log in before you can comment on or make changes to this bug.