Issue with CSS transform: scale() #642
Comments
|
Thanks @hannes123bsi, It turns out that transforms (scale, rotate, etc) directly on The "good" news is that transforms work when specified directly on I was able to boil down the fail-case to the following, which I have committed as a failing test: <html>
<head>
<style>
@page {
size: 150px 100px;
margin: 0;
}
</style>
</head>
<body>
<div><span style="transform: scale(2, 2); display: inline-block;">O N E</span></div>
</body>
</html>I haven't debugged yet, so don't have a cause for this strange bug. |
|
I've found a fix: Separate lines for the <html>
<head>
<style>
@page {
size: 150px 100px;
margin: 0;
}
</style>
</head>
<body>
<div>
<span style="transform: scale(2, 2); display: inline-block;">O N E</span>
</div>
</body>
</html> |
|
Thanks @MichaelF25, I have created PR #653 with a solution. However, I'm still not sure why adding spaces around the span fixes the problem, so I'll do some more investigative work before merging. |
|
Just did a test with v1.0.7 and it seems that the issue is not (completely) resolved. At least the sample which was provided by @hannes123bsi still renders the duplicated text on the first 2 pages (interestingly not on the last page?). |
Issue in multiple page documents when trying to scale a string.
I'm trying to scale the string "R E C H N U N G ".
On the first 2 pages it is printed overlapped (scaled and non-scaled)
Only on the last page it is printed correctly
You'll see it in the sample file i uploaded.
test.html.txt
Thanks in advance
Hannes Müller
The text was updated successfully, but these errors were encountered: