Bug 60755

Summary:

[Qt] CSS border-radius rendering is ugly and buggy

Product:

WebKit

Reporter:

ultr

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

benjamin, ultr

Priority:

Keywords:

Qt, QtTriaged

Version:

420+

Hardware:

Unspecified

OS:

Linux

Attachments:

Description	Flags
QWebKit rendering	none
Chrome reference rendering	none
test page	none
Python script using QWebView	none

Description ultr 2011-05-13 03:02:12 PDT

1) -webkit-border-radius rendering has ugly edges, no matter if antialiasing is active or not
2) it is buggy with thicker borders

See attached screenshot from QWebView and reference rendering from Chrome.

Sample page is also attached together with a Python script using QWebView to display it.

Comment 1 ultr 2011-05-13 03:03:28 PDT

Created attachment 93422 [details]
QWebKit rendering

Comment 2 ultr 2011-05-13 03:03:55 PDT

Created attachment 93423 [details]
Chrome reference rendering

Comment 3 ultr 2011-05-13 03:04:14 PDT

Created attachment 93424 [details]
test page

Comment 4 ultr 2011-05-13 03:05:08 PDT

Created attachment 93425 [details]
Python script using QWebView

Comment 5 ultr 2011-05-13 03:25:29 PDT

Is this a QtWebkit bug, or am I doing something wrong?

Is there any workaround for the ugly edges?

Comment 6 Benjamin Poulain 2011-05-13 12:32:46 PDT

No problem here with WebKit trunk, I get antialiasing for the border.

Try with the graphics system raster. My guess is you render the view with X11 or something like that.