Bug 136252

Summary:

Multiple border colors and border radius mis-rendered with pinch to zoom

Product:

WebKit

Reporter:

Mike Sullivan <mike>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Minor

CC:

ahmad.saleem792, bdakin, mitz, simon.fraser, thorton, zalan

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Bug test case	none
Safari matches with other browsers	none

Description Mike Sullivan 2014-08-26 07:43:22 PDT

If you have an element with multiple border colors and a border radius specified, the border will generally disappear when using pinch-to-zoom. The border will be displayed while zooming, but once releasing, it will disappear. This does not happen when using the regular page zoom tool (cmd+/cmd-). When using pinch to zoom to return to 100% zoom, the border will reappear.

The attached test case should reproduce this. The "one color" entries will always be displayed; the "two color" entry without a radius will always be displayed. The final "two color"+radius entry will disappear after pinch to zoom.

This has been seen in multiple iOS versions and the current Safari nightly on OS X.

Comment 1 Mike Sullivan 2014-08-26 07:44:09 PDT

Created attachment 237150 [details]
Bug test case

Comment 2 Ahmad Saleem 2023-05-08 07:15:05 PDT

Created attachment 466277 [details]
Safari matches with other browsers

As can be seen from attached screenshot, all browsers are matching each other.

Comment 3 Ahmad Saleem 2023-05-08 07:17:00 PDT

(In reply to Ahmad Saleem from comment #2)
> Created attachment 466277 [details]
> Safari matches with other browsers
> 
> As can be seen from attached screenshot, all browsers are matching each
> other.

NOTE - I did pinch zoom as well and didn't get any border etc. Forgot to add it.