Closed Bug 455308 Opened 16 years ago Closed 1 year ago

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

Categories

(Core :: Graphics, defect)

x86
All
defect

Tracking

()

RESOLVED WORKSFORME

People

(Reporter: laurent, Unassigned)

References

()

Details

Attachments

(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.
Severity: normal → S3

Aleks, are you still seeing a border-image gap in the comment 11 test case?

Flags: needinfo?(a)

I am not seeing the gap in comment 11, looks great.

Flags: needinfo?(a)

Happy to hear that!

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: