corners of dotted borders are ugly

NEW
Unassigned

Status

()

Core
Layout: View Rendering
P3
normal
16 years ago
8 years ago

People

(Reporter: Jesse Ruderman, Unassigned)

Tracking

Trunk
Future
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

16 years ago
When a page uses a dotted border, it often ends up with two adjacent pixels in
the border color.  This can happen even if the page only uses border-bottom
(e.g., for links or spans with the title attribute).

Affects:
http://www.randomfoo.net/
http://www.cs.hmc.edu/~jruderma/mozilla/keyboard-help/newest.html

Suggested fix: 
* Don't draw the last dot in border-bottom.
* In a full border, when forced to chose between leaving a gap near a corner or
drawing two adjacent pixels in the border color, leave a gap.
->GFX
Assignee: dbaron → kmcclusk
Component: Style System → GFX Compositor
QA Contact: ian → petersen
Reassigning to Don
Assignee: kmcclusk → dcone

Comment 3

16 years ago
I don't think you really need another testcase, but take it as a vote for this
bug instead ;-)

http://selfhtml.teamone.de/css/eigenschaften/anzeige/border_collapse.htm

(Sorry for the spam)

Updated

16 years ago
Priority: -- → P3
Bulk moving P1-P5 un-milestoned bugs to future. 
Target Milestone: --- → Future
(Reporter)

Updated

16 years ago
Summary: dotted borders are ugly → corners of dotted borders are ugly

Comment 5

14 years ago
I think this is what I've seen too, though it isn't as visible in the linked 
pages as it is with this single element for me: 
 
<p style="width: 10%; border-right: 1px dotted;">text</div> 
 
(Tried with Mozilla 1.6 and Firefox 0.9 on win32.) 

Comment 6

14 years ago
Created attachment 155281 [details]
dotted border solution

Solution: the element that has '1px dotted' border must have a odd number
height in pixels (lateral borders); if more than one elements are on top of
each other, they must have 'margin-top: 1px' and everything is OK.

I have an example with some divs and left dotted border; the left divs are not
adapted while those from the right have uneven heights (in pixels); the 3
containing divs on the right also have 'margin-top: 1px'.

Updated

14 years ago
Assignee: dcone → general
QA Contact: chrispetersen → ian

Comment 7

13 years ago
In situations where you have a fixed height and width, you can get around this bug, though you shouldn't have to. However, in the case of a flexible layout, the size of the user's window determines whether or not the bug is visible, leaving the web designer no reasonable way out of it.

It *seems* (i.e. I have no idea how the CSS code works and am surmising as such) that this wouldn't be too difficult of a bug to fix, and it would be one of those little polish fixes that'd make the GRE just that much better.

Comment 8

10 years ago
This is essentially the same bug as https://bugzilla.mozilla.org/show_bug.cgi?id=19963.
That bug has the highest priority of all dotted-border-corners-ugly related bugs. It is also the oldest and it has a (seemingly active) developer assigned to it.
I suggest to "merge" this bug with 19963. If you care, please check it out and vote for it.
(Reporter)

Comment 9

10 years ago
That bug is a bit broader than this one, so I'm marking a dependency instead of a duplicate.
Depends on: 19963
(Assignee)

Updated

10 years ago
Product: Core → Core Graveyard
this, like 19963, is actually a layout bug rather than a gfx bug.  I intend to get 'em both in one fell swoop in the next cycle.
Assignee: general → zweinberg
Status: NEW → ASSIGNED
Component: GFX → Layout: View Rendering
OS: Windows 98 → All
Product: Core Graveyard → Core
QA Contact: ian → layout.view-rendering
Hardware: x86 → All

Updated

9 years ago
Duplicate of this bug: 424950
I no longer work for Mozilla, I am deassigning myself from bugs I have no intention of working on as a volunteer.
Assignee: zackw → nobody
Status: ASSIGNED → NEW
You need to log in before you can comment on or make changes to this bug.