Quantcast
Channel: HTML Renderer
Viewing all articles
Browse latest Browse all 693

Commented Issue: line-through in CSS renders incorrectly [8651]

$
0
0
When using a CSS class containing text-

I see that this works from the Demo app:
<span style="text-decoration: line-through">Font style</span>

but in my case I must use CSS to define the start and stop of the line-through area.
Here's my CSS:
```
.strikePrice {
text-decoration: line-through;
}
```

Here's the HTML:
```
<div class="productPrice strikePrice">Price: {Price}</div>
```

Attached IE and HTML Renderer versions of image.

I see where it is occurring, but I can't figure out the best way to solve it. What needs to be done is measure the width (and location) of the text, and draw a line THAT wide. It is currently drawing a line the full width of the rectangle.

That, or a workaround is appreciated.

Code is in: CSSBox.cs, PaintDecoration (line 1262, 1263)
float x1 = rectangle.X;
float x2 = rectangle.Right;

The information is there in the .LineBoxes, but I can't figure out how to best parse it without breaking other things down the line.
Comments: ** Comment from web user: ArthurTep **

Will be fixed in next release in a week or so.


Viewing all articles
Browse latest Browse all 693

Trending Articles