Opened 3 years ago

Closed 2 years ago

#17611 closed bug (fixed)

WebPositive `border: dotted 1em` renders skew lines and breaks underline thickness

Reported by: thebuck Owned by: madmax
Priority: low Milestone: R1/beta4
Component: Kits/Web Kit Version: R1/Development
Keywords: Cc:
Blocked By: Blocking:
Platform: All

Description

Background info: Because app_server still does not expose dotted/dashed stroking API in interface kit, that dithering pattern is used. It could render 1px wide stroke perfectly...

But the border sides are canted.

And border: dotted 1em impacts underline thickness. However, outline: dotted 1em does not, neither do other border-styles.

Attachments (1)

border-dotted.html (842 bytes ) - added by thebuck 3 years ago.
Little testcase

Download all attachments as: .zip

Change History (3)

by thebuck, 3 years ago

Attachment: border-dotted.html added

Little testcase

comment:1 by madmax, 3 years ago

Component: Applications/WebPositiveKits/Web Kit
Owner: changed from pulkomandy to madmax
Status: newassigned

I had something unfinisehd for this before I started having problems to build haikuwebkit in my older computer. I'll try to find it and resurrect it during the week now that I have more memory.

The issue is that dotted and slashed borders (and maybe other non-solid styles) go through something different and in the end the start and end points for the function that draw each line are meant to be the corners of the rectangle for that line, not the middle points of the line edges.

comment:2 by madmax, 2 years ago

Milestone: UnscheduledR1/beta4
Resolution: fixed
Status: assignedclosed

Fixed in haikuwebkit 1.9.

Note: See TracTickets for help on using tickets.