Bug 251987

Summary:

(REGRESSION 255300@main) Transparent outlines not rendered around all elements

Product:

WebKit

Reporter:

Remko Tronçon <r+webkit>

Component:

Layout and Rendering

Assignee:

alan <zalan>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

bfulgham, changseok, esprehn+autocc, ews-watchlist, glenn, kondapallykalyan, mattwoodrow, pdr, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

iPhone / iPad

OS:

iOS 16

Attachments:

Description	Flags
Test case	none
Patch	none
Patch	none

Remko Tronçon

Reported 2023-02-09 05:42:25 PST

I have the following piece of HTML: <div> <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Foo</div> <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Bar</div> </div> <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Baz</div> - When I load this in Safari on iOS, only the first item has an outline - If I remove the alpha component from the first style, all outlines render - If I change the 'dashed' in the first style to 'solid', only the 2 first outlines render (not the third) There are other tweaks that you can do to get unexpected behavior, but the 2 above should hopefully pinpoint the problem. I was also able to reproduce this in a simulator.

Attachments
Test case (422 bytes, text/html) 2023-02-13 15:35 PST, Simon Fraser (smfr)	no flags	Details
Patch (6.30 KB, patch) 2023-03-21 12:54 PDT, alan	no flags	Details Formatted Diff Diff
Patch (6.30 KB, patch) 2023-03-21 20:06 PDT, alan	no flags	Details Formatted Diff Diff
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.