442715 - -moz-border-radius does not render properly in speed.

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[Jason McCarrell]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1a1pre) Gecko/2008063003 Minefield/3.1a1pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1a1pre) Gecko/2008063003 Minefield/3.1a1pre

The url shows what I mean, and this only happens while I'm resizing an element or more specificly a div with a rounded border. The radius is being applied in a seperate css file, and it's set to 20px. I have the most recent nightly build as would be indicated by the build identifier. I'm using an 8800gtx and q6600, so I can't see it being an issue of not being able to render fast enough.

If I'm mistaken on my methods of applying a rounded border, expecting it to render fine while being re sized, than I apologize.

To give perspective; trying the same effect in safari it cheats and turns the border into a sharp edged border before finishing the rendering and turning it back into a rounded border and it is completely smooth, however not exactly what I expect.

Reproducible: Always

Steps to Reproduce:
1.create a div and give it a border using -moz-border-radius: 20px
2.resize the div using timers (in order to see it clearly, one second for each 200 px)
Actual Results:  
I see what is shown by the link I included, under the URL field.

Expected Results:  
a straight outer border, and clean rounded corners.

This is my first time reporting a bug for anything, however although I'm a noob at bug reporting, I'm an open-minded comp. sci. student, so if you need more info just tell me and I'll do my best to provide it.

about:buildconfig

Build platform
target
i686-pc-mingw32

Build tools
Compiler 	Version 	Compiler flags
cl 	14.00.50727.762 	-TC -nologo -W3 -Gy -Fd$(PDBFILE)
cl 	14.00.50727.762 	-GR- -TP -nologo -Zc:wchar_t- -W3 -Gy -Fd$(PDBFILE)

Configure arguments
--enable-application=browser --enable-update-channel=nightly --enable-update-packaging --enable-jemalloc

Comment 1

[Cork]

Attachment: Artifacts on dynamic element with border-radius

I can confirm, it happens with every object that is resized dynamicaly.

Comment 2

[Mardeg]

Testcase confirmed on Trunk

Comment 3

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Attachment: fix

Easy fix

Comment 4

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Comment on attachment 402714 [details] [diff] [review]
fix

>+    // Invalidate the old frame background if the frame has a background
>+    // that is being clipped by border-radius, since we may be moving or
>+    // changing the shape of those borders (even if only the top-left
>+    // corner has a border)

I had trouble understanding this description.  Perhaps it should instead end with something like:

since the old or new area clipped off by the radius is not necessarily in the area that has already been invalidated (even if only the top-left corner has a border radius).

(Note also insertion of "radius" at the end.)

r=dbaron

Comment 5

[Robert O'Callahan (:roc) (email my personal email if necessary)]

http://hg.mozilla.org/mozilla-central/rev/8d1d0e978776

Comment 6

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Comment on attachment 402714 [details] [diff] [review]
fix

a1.9.2=dbaron

Comment 7

[Robert O'Callahan (:roc) (email my personal email if necessary)]

http://hg.mozilla.org/releases/mozilla-1.9.2/rev/4b5fcba034f9