Bug 31644

Summary:

[Qt] CSS3 border-radius aliased and not rounded correctly + the top-left corner is drawn with double the specified radius.

Product:

WebKit

Reporter:

Andri Möll <andri>

Component:

Layout and Rendering

Assignee:

QtWebKit Unassigned <webkit-qt-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

aaron, jesus, jturcotte, tonikitoo, yael

Priority:

Keywords:

Qt, QtTriaged

Version:

528+ (Nightly build)

Hardware:

OS:

Linux

Attachments:

Description	Flags
qtwebkit's rendering	none
firefox's rendering	none
safari's rendering on Windows	none
qtwebkit's rendering on Windows	none

Andri Möll

Reported 2009-11-18 13:51:46 PST

Created attachment 43455 [details] qtwebkit's rendering Tested CSS3 border-radius rendering with Qt 4.6rc1 and its demo browser based on AppleWebKit/532.4. The result of http://www.css3.info/preview/rounded-border/ with WebKit is not at all like it should be. Comparisons attached.

Attachments
qtwebkit's rendering (13.50 KB, image/png) 2009-11-18 13:51 PST, Andri Möll	no flags	Details
firefox's rendering (13.74 KB, image/png) 2009-11-18 13:52 PST, Andri Möll	no flags	Details
safari's rendering on Windows (10.25 KB, image/png) 2010-03-10 06:15 PST, Jocelyn Turcotte	no flags	Details
qtwebkit's rendering on Windows (10.15 KB, image/png) 2010-03-10 06:15 PST, Jocelyn Turcotte	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Andri Möll

Comment 1 2009-11-18 13:52:08 PST

Created attachment 43456 [details] firefox's rendering

Yael

Comment 2 2009-12-31 08:21:21 PST

I don't think this is a Qt specific problem. I can see the problem when I load http://www.css3.info/preview/rounded-border/ in Safari 4.0.3 on Windows.

Aaron Conran

Comment 3 2010-03-04 11:50:27 PST

(In reply to comment #2) > I don't think this is a Qt specific problem. I can see the problem when I load > http://www.css3.info/preview/rounded-border/ in Safari 4.0.3 on Windows. Just tested in Safari 4.0.4 on Windows and the rendering is correct. Qt still has problems with this.

Aaron Conran

Comment 4 2010-03-04 11:51:51 PST

*** Bug 35752 has been marked as a duplicate of this bug. ***

Jocelyn Turcotte

Comment 5 2010-03-10 06:15:00 PST

Created attachment 50398 [details] safari's rendering on Windows

Jocelyn Turcotte

Comment 6 2010-03-10 06:15:28 PST

Created attachment 50399 [details] qtwebkit's rendering on Windows

Jocelyn Turcotte

Comment 7 2010-03-10 06:21:52 PST

Attached screenshots from Safari and QtWebKit on Windows. Safari and QtWebKit are similar on Windows, Safari is a bit better, but both looks better than the first QtWebKit screenshot. If this bug is related to bug #28113, I would guess that the first screenshot was not captured on Windows?

Andri Möll

Comment 8 2010-03-10 06:32:40 PST

(In reply to comment #7) > Attached screenshots from Safari and QtWebKit on Windows. > > Safari and QtWebKit are similar on Windows, Safari is a bit better, but both > looks better than the first QtWebKit screenshot. The Webkit renderings still look a lot different from Fx. Now they're just no longer aliased. The top left corner seems to have a larger radius on Webkit. > If this bug is related to bug #28113, I would guess that the first screenshot > was not captured on Windows? Taken on GNU/Linux. In a not very obvious place above, next to Platform, there's a drop-down that says Linux. Didn't see it myself before either. :-)

Jesus Sanchez-Palencia

Comment 9 2010-05-14 06:19:16 PDT

Tested on Snow Leopard with Qt 4.7 trunk (HEAD 03f8f1df0d88f5ffe0b3120cffce614cbeefdb70) and WebKit trunk (r59155), on QtLauncher. It looks fine, but maybe not perfect. Can you guys please test with the current trunk? I'm really thinking that this might be something in Qt itself.

Jocelyn Turcotte

Comment 10 2010-05-18 03:19:41 PDT

(In reply to comment #9) > It looks fine, but maybe not perfect. Can you guys please test with the current trunk? I'm really thinking that this might be something in Qt itself. On Windows it is still as on the screenshot. The missing rounding pixels are probably caused by Qt and are nothing serious in my opinion (except on X11 with the native graphics system as described in bug #28113). The double-radius problem is actually the web page that specifies a 20px radius compared to 10px for the other corners. Closing as duplicate of 28113 which is probably a Qt bug. *** This bug has been marked as a duplicate of bug 28113 ***

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