Bug 31644 - [Qt] CSS3 border-radius aliased and not rounded correctly + the top-left corner is drawn with double the specified radius.
Summary: [Qt] CSS3 border-radius aliased and not rounded correctly + the top-left corn...
Status: RESOLVED DUPLICATE of bug 28113
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Linux
: P2 Normal
Assignee: QtWebKit Unassigned
URL:
Keywords: Qt, QtTriaged
: 35752 (view as bug list)
Depends on:
Blocks:
 
Reported: 2009-11-18 13:51 PST by Andri Möll
Modified: 2010-05-18 03:19 PDT (History)
5 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Andri Möll 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.
Comment 1 Andri Möll 2009-11-18 13:52:08 PST
Created attachment 43456 [details]
firefox's rendering
Comment 2 Yael 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.
Comment 3 Aaron Conran 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.
Comment 4 Aaron Conran 2010-03-04 11:51:51 PST
*** Bug 35752 has been marked as a duplicate of this bug. ***
Comment 5 Jocelyn Turcotte 2010-03-10 06:15:00 PST
Created attachment 50398 [details]
safari's rendering on Windows
Comment 6 Jocelyn Turcotte 2010-03-10 06:15:28 PST
Created attachment 50399 [details]
qtwebkit's rendering on Windows
Comment 7 Jocelyn Turcotte 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?
Comment 8 Andri Möll 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. :-)
Comment 9 Jesus Sanchez-Palencia 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.
Comment 10 Jocelyn Turcotte 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 ***