ArthurHub / ArthurHub/HTML-Renderer

The library ignores position:absolute styling

オープン
#203 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug
主要言語
C#
スター
1.4k
フォーク
550
平均マージ
14日 9時間
マージ済み PR(30日)
1

説明

I have HTML code with many elements with style position: absolute. The HTML code looks good in the browser but when I try to convert it to pdf using HtmlRenderer.PdfSharp, I get all the elements in the top left corner. How can I fix this?

Here is my code:
```c#
using PdfSharp;
using PdfSharp.Pdf;
using TheArtOfDev.HtmlRenderer.PdfSharp;

var html = "...";
File.WriteAllBytes("draft.html", Encoding.UTF8.GetBytes(html));
using PdfDocument pdf = PdfGenerator.GeneratePdf(html, PageSize.A4, margin:0);
using var ms = new MemoryStream();
pdf.Save(ms);
File.WriteAllBytes("draft.pdf", ms.ToArray());
return ms.ToArray();
```
The html:
```html

Hello world!


Hello world!1


Hello world!2


Hello world!3

```
Below is how the generated pdf looks like:
![MPt2s](https://github.com/ArthurHub/HTML-Renderer/assets/39989294/2ac154ef-9584-442e-8897-9ef8d9f1d7ed)

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

Start with the supplied C# reproduction through PdfGenerator.GeneratePdf and compare the generated PDF with the HTML positions. Trace how the renderer handles position:absolute, top, and left for these paragraphs; done means the four elements retain distinct offsets instead of collapsing into the top-left corner.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
csharp
領域
tooling
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。