Open Bug 455308 Opened 12 years ago Updated 6 years ago

bad joint between images of border-image when using transform:rotate


(Core :: Graphics, defect)

Not set




(Reporter: laurent, Unassigned)





(5 files)

A dotted white line appears between each parts of the border when this border is drawn by border-image and when we rotate the element with the "transform" property.
Attached file HTML page for the test
You can see also the test web page directly at the given URL...
According to my tests, it's not related to the "transform" property: the same border is drawn without transform, by just increasing border-width. It seems to affect both repeat and round border type but not stretch (I'm using the latest linux x86_64 nightly build)
Could you file a separate bug about that?  I think this is probably a duplicate of the generic bug about seams when things are transformed as a result of how we do anti-aliasing.
@David: ok, bug created : 455398
Component: Style System (CSS) → GFX: Thebes
QA Contact: style-system → thebes
Confirmed on Windows with the latest nightly. Just to clear up the fact it's not Linux only...
Oh, and selecting the "New!" text makes it move around.
Is this a known problem, or should I file it?
OS: Linux → All
This bug happens even without transforms for particular combinations of top/left/width/height. I've seen it with particular fractional values of TLWH. I'll attach a testcase.

Webkit has the same bug on transforms, but not without. 

#516793, #455398 look like dups.
You need to log in before you can comment on or make changes to this bug.