This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
Cannot select text from PDF result #881
Comments
|
Hello @SanderBreivik, No idea why it's happening 🤔 but using: curl \
--request POST https://demo.gotenberg.dev/forms/chromium/convert/url \
--form url=https://sparksuite.github.io/simple-html-invoice-template/ \
-o my.pdfThe text in the resulting PDf is selectable: |
|
I am using the C# client: Mitt-f-rste-skjema-UXY-DKU.pdf var bodyHtml = await GetResource("body.html");
var styleCss = await GetResource("style.html");
var fullHtml = bodyHtml.Replace("{{body}}", message.HTML).Replace("{{style}}", styleCss);
var footerHtml = FooterGenerator.GenerateFooter(message.DialogueName, message.DialogueId, message.ReferenceId);
var builder = new HtmlRequestBuilder()
.AddDocument(doc =>
doc.SetBody(fullHtml)
.SetFooter(footerHtml)
)
.WithDimensions(dims =>
dims.SetPaperSize(PaperSizes.A4)
.SetMargins(Margins.Normal)
)
.SetConversionBehaviors(c =>
c.SetPdfFormat(PdfFormats.A2b)
);
var req = await builder.BuildAsync();
var result = await _client.HtmlToPdfAsync(req);
var resultAsByteArray = StreamToByteArray(result);body.html: <html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
rel="stylesheet" />
{{style}}
</head>
<body>
{{body}}
</body>
</html>footer.html: <html>
<head>
<style>
body {
font-size: 8rem;
}
p {
width: 100%;
text-align: center;
line-height: 1.5;
}
</style>
</head>
<body>
<p>Mitt første skjema - ACOS-1 - UXY-DKU<br/>
<span class="pageNumber"></span> / <span class="totalPages"></span>
</p>
</body>
</html>message.HTML: <div class='summary-container'>
<div class='summary-header-container'>
<div class='summary-header'>
<h1 class='summary-title front-hidden'>Mitt første skjema</h1>
<div class='summary-submitted front-hidden'>
<h2 class='summary-submitted-label'>Innsendt: </h2>
<h2 class='summary-submitted-value'>22.05.2024 08:36</h2>
</div>
<div class='summary-reference-id front-hidden'>
<h2 class='summary-reference-id-label'>Referanse-ID: </h2>
<h2 class='summary-reference-id-value'>UXY-DKU</h2>
</div>
<div class='summary-submitted front-hidden'>
<h2 class='summary-dialogueid-label'>Skjema-ID: </h2>
<h2 class='summary-dialogueid-value'>ACOS-1</h2>
</div>
</div>
<img class='summary-logo' src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjkuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMTUuMzMgNTguMjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxNS4zMyA1OC4yMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxRjNGNjU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQuMDgsNDAuODhjMCwwLjExLTAuMDMsMC4yLTAuMDgsMC4yOHMtMC4xNSwwLjE0LTAuMjgsMC4xOXMtMC4zMSwwLjA5LTAuNTMsMC4xMgoJYy0wLjIyLDAuMDMtMC41LDAuMDUtMC44MywwLjA1Yy0wLjMyLDAtMC41OS0wLjAyLTAuODItMC4wNWMtMC4yMy0wLjAzLTAuNDEtMC4wNy0wLjU0LTAuMTJzLTAuMjMtMC4xMS0wLjI4LTAuMTkKCWMtMC4wNS0wLjA4LTAuMDgtMC4xNy0wLjA4LTAuMjhWMTYuMDJjMC0wLjExLDAuMDMtMC4yLDAuMDktMC4yOGMwLjA2LTAuMDgsMC4xNi0wLjE0LDAuMy0wLjE5czAuMzItMC4wOSwwLjU0LTAuMTIKCXMwLjQ4LTAuMDUsMC43OS0wLjA1YzAuMzMsMCwwLjYxLDAuMDIsMC44MywwLjA1czAuNCwwLjA3LDAuNTMsMC4xMnMwLjIzLDAuMTEsMC4yOCwwLjE5YzAuMDUsMC4wOCwwLjA4LDAuMTcsMC4wOCwwLjI4VjQwLjg4eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTYuMSw0MC45YzAsMC4xMS0wLjAzLDAuMi0wLjA4LDAuMjdzLTAuMTQsMC4xNC0wLjI2LDAuMTlzLTAuMjksMC4wOS0wLjUsMC4xMmMtMC4yMSwwLjAzLTAuNDgsMC4wNC0wLjgsMC4wNAoJYy0wLjMzLDAtMC42MS0wLjAxLTAuODItMC4wNHMtMC4zOC0wLjA3LTAuNS0wLjEycy0wLjIxLTAuMTItMC4yNi0wLjE5Yy0wLjA1LTAuMDctMC4wOC0wLjE2LTAuMDgtMC4yN1YzMC4zNQoJYzAtMS4wMy0wLjA4LTEuODUtMC4yNC0yLjQ4cy0wLjM5LTEuMTctMC43LTEuNjJzLTAuNy0wLjgtMS4xOS0xLjA0cy0xLjA1LTAuMzYtMS42OS0wLjM2Yy0wLjgzLDAtMS42NiwwLjI5LTIuNDgsMC44OAoJYy0wLjgzLDAuNTktMS43LDEuNDUtMi42LDIuNThWNDAuOWMwLDAuMTEtMC4wMywwLjItMC4wOCwwLjI3cy0wLjE0LDAuMTQtMC4yNiwwLjE5cy0wLjI5LDAuMDktMC41LDAuMTIKCWMtMC4yMSwwLjAzLTAuNDksMC4wNC0wLjgyLDAuMDRjLTAuMzIsMC0wLjU5LTAuMDEtMC44LTAuMDRjLTAuMjEtMC4wMy0wLjM4LTAuMDctMC41MS0wLjEyYy0wLjEzLTAuMDUtMC4yMS0wLjEyLTAuMjYtMC4xOQoJcy0wLjA3LTAuMTYtMC4wNy0wLjI3VjIyLjg4YzAtMC4xMSwwLjAyLTAuMiwwLjA2LTAuMjdzMC4xMi0wLjE0LDAuMjQtMC4yYzAuMTItMC4wNiwwLjI3LTAuMSwwLjQ2LTAuMTJzMC40My0wLjAzLDAuNzQtMC4wMwoJYzAuMjksMCwwLjU0LDAuMDEsMC43MywwLjAzczAuMzQsMC4wNiwwLjQ1LDAuMTJjMC4xMSwwLjA2LDAuMTgsMC4xMywwLjIzLDAuMnMwLjA3LDAuMTYsMC4wNywwLjI3djIuMzgKCWMxLjAxLTEuMTMsMi4wMy0xLjk2LDMuMDMtMi40OWMxLjAxLTAuNTMsMi4wMi0wLjc5LDMuMDUtMC43OWMxLjIsMCwyLjIxLDAuMiwzLjAzLDAuNjFjMC44MiwwLjQxLDEuNDgsMC45NSwxLjk5LDEuNjMKCWMwLjUxLDAuNjgsMC44NywxLjQ4LDEuMDksMi4zOXMwLjMzLDIuMDEsMC4zMywzLjI5TDk2LjEsNDAuOUw5Ni4xLDQwLjl6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTEuMTEsMzkuNThjMCwwLjM5LTAuMDMsMC42OS0wLjA4LDAuOTJjLTAuMDUsMC4yMy0wLjEzLDAuMzktMC4yNCwwLjVzLTAuMjcsMC4yMS0wLjQ4LDAuMwoJYy0wLjIxLDAuMDktMC40NiwwLjE3LTAuNzMsMC4yM2MtMC4yNywwLjA2LTAuNTYsMC4xMS0wLjg3LDAuMTVzLTAuNjEsMC4wNi0wLjkyLDAuMDZjLTAuOTMsMC0xLjc0LTAuMTItMi40LTAuMzcKCWMtMC42Ny0wLjI1LTEuMjEtMC42Mi0xLjY0LTEuMTJzLTAuNzQtMS4xMy0wLjkzLTEuOXMtMC4yOS0xLjY3LTAuMjktMi43MVYyNS4xaC0yLjUyYy0wLjIsMC0wLjM2LTAuMTEtMC40OC0wLjMyCglzLTAuMTgtMC41Ni0wLjE4LTEuMDRjMC0wLjI1LDAuMDItMC40NywwLjA1LTAuNjRzMC4wOC0wLjMyLDAuMTMtMC40M3MwLjEyLTAuMTksMC4yMS0wLjI0YzAuMDktMC4wNSwwLjE4LTAuMDcsMC4yOS0wLjA3aDIuNQoJdi00LjI4YzAtMC4wOSwwLjAyLTAuMTgsMC4wNy0wLjI2YzAuMDUtMC4wOCwwLjEzLTAuMTUsMC4yNi0wLjIxYzAuMTMtMC4wNiwwLjMtMC4xLDAuNTEtMC4xM2MwLjIxLTAuMDMsMC40OC0wLjA0LDAuOC0wLjA0CgljMC4zMywwLDAuNjEsMC4wMSwwLjgyLDAuMDRjMC4yMSwwLjAzLDAuMzgsMC4wNywwLjUsMC4xM3MwLjIxLDAuMTMsMC4yNiwwLjIxYzAuMDUsMC4wOCwwLjA4LDAuMTcsMC4wOCwwLjI2djQuMjhoNC42MgoJYzAuMTEsMCwwLjIsMC4wMiwwLjI4LDAuMDdzMC4xNSwwLjEzLDAuMjEsMC4yNGMwLjA2LDAuMTEsMC4xLDAuMjYsMC4xMywwLjQzYzAuMDMsMC4xNywwLjA0LDAuMzksMC4wNCwwLjY0CgljMCwwLjQ4LTAuMDYsMC44My0wLjE4LDEuMDRzLTAuMjgsMC4zMi0wLjQ4LDAuMzJoLTQuNjJ2MTAuMDVjMCwxLjI0LDAuMTgsMi4xOCwwLjU1LDIuODFjMC4zNywwLjYzLDEuMDIsMC45NSwxLjk3LDAuOTUKCWMwLjMxLDAsMC41OC0wLjAzLDAuODItMC4wOXMwLjQ1LTAuMTIsMC42NC0wLjE5czAuMzUtMC4xMywwLjQ4LTAuMTljMC4xMy0wLjA2LDAuMjUtMC4wOSwwLjM2LTAuMDljMC4wNywwLDAuMTMsMC4wMiwwLjE5LDAuMDUKCWMwLjA2LDAuMDMsMC4xMSwwLjEsMC4xNCwwLjE5YzAuMDMsMC4wOSwwLjA2LDAuMjIsMC4wOSwwLjM4QzExMS4xLDM5LjE0LDExMS4xMSwzOS4zNCwxMTEuMTEsMzkuNTh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzAuNDEsMzEuMTFjMCwwLjUyLTAuMTMsMC44OS0wLjM5LDEuMTFjLTAuMjYsMC4yMi0wLjU2LDAuMzMtMC45LDAuMzNoLTExLjg3YzAsMSwwLjEsMS45LDAuMywyLjcKCXMwLjU0LDEuNDksMS4wMSwyLjA2czEuMDgsMS4wMSwxLjgzLDEuMzJzMS42NywwLjQ2LDIuNzYsMC40NmMwLjg2LDAsMS42Mi0wLjA3LDIuMjktMC4yMXMxLjI1LTAuMywxLjc0LTAuNDdzMC44OS0wLjMzLDEuMjEtMC40NwoJczAuNTUtMC4yMSwwLjcxLTAuMjFjMC4wOSwwLDAuMTgsMC4wMiwwLjI1LDAuMDdzMC4xMywwLjEyLDAuMTcsMC4yMWMwLjA0LDAuMDksMC4wNywwLjIyLDAuMDksMC4zOXMwLjAzLDAuMzcsMC4wMywwLjYxCgljMCwwLjE3LTAuMDEsMC4zMi0wLjAyLDAuNDVjLTAuMDEsMC4xMy0wLjAzLDAuMjQtMC4wNSwwLjM0Yy0wLjAyLDAuMS0wLjA1LDAuMTktMC4xLDAuMjdjLTAuMDUsMC4wOC0wLjExLDAuMTYtMC4xOCwwLjIzCgljLTAuMDcsMC4wNy0wLjI5LDAuMTktMC42NSwwLjM2Yy0wLjM2LDAuMTctMC44MywwLjMzLTEuNCwwLjQ5Yy0wLjU3LDAuMTYtMS4yNCwwLjMtMS45OSwwLjQzcy0xLjU2LDAuMTktMi40MSwwLjE5CgljLTEuNDgsMC0yLjc4LTAuMjEtMy44OS0wLjYycy0yLjA1LTEuMDMtMi44MS0xLjg0cy0xLjMzLTEuODMtMS43Mi0zLjA2Yy0wLjM5LTEuMjMtMC41OC0yLjY2LTAuNTgtNC4yOGMwLTEuNTUsMC4yLTIuOTQsMC42LTQuMTcKCWMwLjQtMS4yMywwLjk4LTIuMjgsMS43My0zLjE0czEuNjYtMS41MiwyLjczLTEuOThjMS4wNy0wLjQ2LDIuMjYtMC42OSwzLjU4LTAuNjljMS40MiwwLDIuNjIsMC4yMywzLjYxLDAuNjhzMS44MSwxLjA2LDIuNDUsMS44MwoJYzAuNjQsMC43NywxLjExLDEuNjcsMS40MSwyLjdjMC4zLDEuMDMsMC40NSwyLjE0LDAuNDUsMy4zMXYwLjZIMTMwLjQxeiBNMTI3LjA5LDMwLjEzYzAuMDQtMS43My0wLjM1LTMuMS0xLjE2LTQuMDgKCWMtMC44MS0wLjk5LTIuMDItMS40OC0zLjYyLTEuNDhjLTAuODIsMC0xLjU0LDAuMTUtMi4xNiwwLjQ2Yy0wLjYyLDAuMzEtMS4xMywwLjcxLTEuNTUsMS4yMmMtMC40MiwwLjUxLTAuNzQsMS4xLTAuOTcsMS43NwoJcy0wLjM2LDEuMzgtMC4zOCwyLjExSDEyNy4wOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0NS45NywyNC4wNmMwLDAuMjktMC4wMSwwLjU0LTAuMDIsMC43NHMtMC4wNCwwLjM2LTAuMDgsMC40N2MtMC4wNCwwLjExLTAuMDksMC4yLTAuMTUsMC4yNgoJYy0wLjA2LDAuMDYtMC4xNCwwLjA5LTAuMjUsMC4wOWMtMC4xMSwwLTAuMjQtMC4wMy0wLjM5LTAuMDlzLTAuMzMtMC4xMi0wLjUyLTAuMThzLTAuNDEtMC4xMi0wLjY1LTAuMTdzLTAuNS0wLjA4LTAuNzgtMC4wOAoJYy0wLjMzLDAtMC42NiwwLjA3LTAuOTgsMC4yYy0wLjMyLDAuMTMtMC42NiwwLjM1LTEuMDEsMC42NnMtMC43MiwwLjcxLTEuMTEsMS4yMmMtMC4zOSwwLjUxLTAuODEsMS4xMy0xLjI4LDEuODZ2MTEuODUKCWMwLDAuMTEtMC4wMywwLjItMC4wOCwwLjI3Yy0wLjA1LDAuMDctMC4xNCwwLjE0LTAuMjYsMC4xOXMtMC4yOSwwLjA5LTAuNSwwLjEyYy0wLjIxLDAuMDMtMC40OSwwLjA0LTAuODIsMC4wNAoJYy0wLjMyLDAtMC41OS0wLjAxLTAuOC0wLjA0Yy0wLjIxLTAuMDMtMC4zOC0wLjA3LTAuNTEtMC4xMmMtMC4xMy0wLjA1LTAuMjEtMC4xMi0wLjI2LTAuMTlzLTAuMDctMC4xNi0wLjA3LTAuMjdWMjIuODgKCWMwLTAuMTEsMC4wMi0wLjIsMC4wNi0wLjI3YzAuMDQtMC4wNywwLjEyLTAuMTQsMC4yNC0wLjJjMC4xMi0wLjA2LDAuMjctMC4xLDAuNDYtMC4xMnMwLjQzLTAuMDMsMC43NC0wLjAzCgljMC4yOSwwLDAuNTQsMC4wMSwwLjczLDAuMDNzMC4zNCwwLjA2LDAuNDUsMC4xMmMwLjExLDAuMDYsMC4xOCwwLjEzLDAuMjMsMC4yYzAuMDUsMC4wNywwLjA3LDAuMTYsMC4wNywwLjI3djIuNjIKCWMwLjQ5LTAuNzIsMC45Ni0xLjMxLDEuMzktMS43NmMwLjQzLTAuNDUsMC44NC0wLjgxLDEuMjMtMS4wN2MwLjM5LTAuMjYsMC43Ny0wLjQ0LDEuMTUtMC41NGMwLjM4LTAuMSwwLjc2LTAuMTUsMS4xNS0wLjE1CgljMC4xNywwLDAuMzcsMC4wMSwwLjU5LDAuMDNzMC40NSwwLjA2LDAuNjksMC4xMWMwLjI0LDAuMDUsMC40NiwwLjExLDAuNjUsMC4xOGMwLjE5LDAuMDcsMC4zMywwLjEzLDAuNDEsMC4yCgljMC4wOCwwLjA3LDAuMTMsMC4xMywwLjE2LDAuMTljMC4wMywwLjA2LDAuMDUsMC4xNCwwLjA3LDAuMjNjMC4wMiwwLjA5LDAuMDMsMC4yMywwLjA0LDAuNDEKCUMxNDUuOTYsMjMuNTEsMTQ1Ljk3LDIzLjc2LDE0NS45NywyNC4wNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2Mi40Niw0MC45MmMwLDAuMTYtMC4wNSwwLjI4LTAuMTYsMC4zNmMtMC4xMSwwLjA4LTAuMjUsMC4xNC0wLjQ0LDAuMThzLTAuNDYsMC4wNi0wLjgyLDAuMDYKCWMtMC4zNSwwLTAuNjItMC4wMi0wLjgzLTAuMDZjLTAuMjEtMC4wNC0wLjM2LTAuMS0wLjQ1LTAuMThzLTAuMTQtMC4yLTAuMTQtMC4zNnYtMS44Yy0wLjc5LDAuODQtMS42NywxLjUtMi42MywxLjk2CgljLTAuOTcsMC40Ny0xLjk5LDAuNy0zLjA3LDAuN2MtMC45NSwwLTEuODEtMC4xMi0yLjU3LTAuMzdjLTAuNzctMC4yNS0xLjQyLTAuNi0xLjk2LTEuMDdjLTAuNTQtMC40Ny0wLjk2LTEuMDQtMS4yNi0xLjcyCgljLTAuMy0wLjY4LTAuNDUtMS40NS0wLjQ1LTIuMzJjMC0xLjAxLDAuMjEtMS45LDAuNjItMi42NGMwLjQxLTAuNzUsMS4wMS0xLjM3LDEuNzgtMS44NmMwLjc3LTAuNDksMS43Mi0wLjg2LDIuODQtMS4xMQoJczIuMzgtMC4zNywzLjc4LTAuMzdoMi40OHYtMS40YzAtMC42OS0wLjA3LTEuMzEtMC4yMi0xLjg0cy0wLjM4LTAuOTgtMC43MS0xLjMzYy0wLjMzLTAuMzUtMC43NS0wLjYyLTEuMjctMC44CgljLTAuNTItMC4xOC0xLjE2LTAuMjctMS45Mi0wLjI3Yy0wLjgxLDAtMS41NCwwLjEtMi4xOSwwLjI5Yy0wLjY1LDAuMTktMS4yMSwwLjQxLTEuNywwLjY0Yy0wLjQ5LDAuMjMtMC44OSwwLjQ1LTEuMjIsMC42NAoJYy0wLjMzLDAuMTktMC41NywwLjI5LTAuNzMsMC4yOWMtMC4xMSwwLTAuMi0wLjAzLTAuMjgtMC4wOGMtMC4wOC0wLjA1LTAuMTUtMC4xMy0wLjIxLTAuMjRzLTAuMS0wLjI0LTAuMTMtMC40MQoJcy0wLjA0LTAuMzUtMC4wNC0wLjU1YzAtMC4zMywwLjAyLTAuNiwwLjA3LTAuNzljMC4wNS0wLjE5LDAuMTYtMC4zOCwwLjM0LTAuNTVzMC40OS0wLjM4LDAuOTMtMC42MWMwLjQ0LTAuMjMsMC45NS0wLjQ1LDEuNTItMC42NAoJczEuMi0wLjM1LDEuODgtMC40OGMwLjY4LTAuMTMsMS4zNy0wLjE5LDIuMDYtMC4xOWMxLjI5LDAsMi40LDAuMTUsMy4zLDAuNDRjMC45MSwwLjI5LDEuNjQsMC43MiwyLjIsMS4yOXMwLjk3LDEuMjcsMS4yMiwyLjExCglzMC4zOCwxLjgyLDAuMzgsMi45NEwxNjIuNDYsNDAuOTJMMTYyLjQ2LDQwLjkyeiBNMTU5LjE4LDMyLjY5aC0yLjgyYy0wLjkxLDAtMS43LDAuMDgtMi4zNiwwLjIzYy0wLjY3LDAuMTUtMS4yMiwwLjM4LTEuNjYsMC42OAoJcy0wLjc2LDAuNjYtMC45NywxLjA4Yy0wLjIxLDAuNDItMC4zMSwwLjktMC4zMSwxLjQ1YzAsMC45MywwLjMsMS42OCwwLjg5LDIuMjNzMS40MiwwLjgzLDIuNDksMC44M2MwLjg3LDAsMS42Ny0wLjIyLDIuNDEtMC42NgoJYzAuNzQtMC40NCwxLjUyLTEuMTEsMi4zMy0yLjAyVjMyLjY5eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgxLjQ4LDM4LjE2YzAsMC4yMy0wLjAxLDAuNDItMC4wMiwwLjU5Yy0wLjAxLDAuMTctMC4wNCwwLjMxLTAuMDcsMC40MmMtMC4wMywwLjExLTAuMDcsMC4yMS0wLjEyLDAuMwoJYy0wLjA1LDAuMDktMC4xNSwwLjIxLTAuMzIsMC4zOGMtMC4xNywwLjE3LTAuNDUsMC4zNy0wLjg1LDAuNjJjLTAuNCwwLjI1LTAuODUsMC40Ny0xLjM1LDAuNjZzLTEuMDQsMC4zNS0xLjYzLDAuNDcKCWMtMC41OSwwLjEyLTEuMTksMC4xOC0xLjgyLDAuMThjLTEuMjksMC0yLjQ0LTAuMjEtMy40NC0wLjY0cy0xLjg0LTEuMDUtMi41MS0xLjg3Yy0wLjY3LTAuODItMS4xOS0xLjgzLTEuNTQtMy4wMgoJYy0wLjM1LTEuMTktMC41My0yLjU3LTAuNTMtNC4xM2MwLTEuNzcsMC4yMi0zLjMsMC42NS00LjU3czEuMDMtMi4zMiwxLjc4LTMuMTNzMS42NC0xLjQyLDIuNjYtMS44MWMxLjAyLTAuMzksMi4xMi0wLjU5LDMuMzEtMC41OQoJYzAuNTcsMCwxLjEzLDAuMDUsMS42NywwLjE2YzAuNTQsMC4xMSwxLjA0LDAuMjUsMS40OSwwLjQyczAuODYsMC4zNywxLjIxLDAuNnMwLjYxLDAuNDIsMC43NywwLjU4czAuMjcsMC4yOSwwLjMzLDAuMzgKCXMwLjExLDAuMiwwLjE1LDAuMzNjMC4wNCwwLjEzLDAuMDcsMC4yNywwLjA4LDAuNDNjMC4wMSwwLjE2LDAuMDIsMC4zNiwwLjAyLDAuNmMwLDAuNTItMC4wNiwwLjg4LTAuMTgsMS4wOXMtMC4yNywwLjMxLTAuNDQsMC4zMQoJYy0wLjIsMC0wLjQzLTAuMTEtMC42OS0wLjMzcy0wLjU5LTAuNDYtMC45OS0wLjczYy0wLjQtMC4yNy0wLjg4LTAuNTEtMS40NS0wLjczYy0wLjU3LTAuMjItMS4yNC0wLjMzLTIuMDEtMC4zMwoJYy0xLjU5LDAtMi44MSwwLjYxLTMuNjUsMS44M2MtMC44NSwxLjIyLTEuMjcsMi45OS0xLjI3LDUuMzFjMCwxLjE2LDAuMTEsMi4xOCwwLjMzLDMuMDVzMC41NCwxLjYsMC45NywyLjE5CgljMC40MywwLjU5LDAuOTUsMS4wMiwxLjU3LDEuMzFzMS4zMywwLjQzLDIuMTMsMC40M2MwLjc2LDAsMS40My0wLjEyLDItMC4zNnMxLjA3LTAuNSwxLjQ5LTAuNzljMC40Mi0wLjI5LDAuNzctMC41NSwxLjA2LTAuNzgKCWMwLjI5LTAuMjMsMC41MS0wLjM1LDAuNjctMC4zNWMwLjA5LDAsMC4xNywwLjAzLDAuMjQsMC4wOHMwLjEyLDAuMTQsMC4xNywwLjI3YzAuMDUsMC4xMywwLjA4LDAuMjksMC4xLDAuNDgKCUMxODEuNDcsMzcuNjYsMTgxLjQ4LDM3Ljg5LDE4MS40OCwzOC4xNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5NS4yMywzOS41OGMwLDAuMzktMC4wMywwLjY5LTAuMDgsMC45MmMtMC4wNSwwLjIzLTAuMTMsMC4zOS0wLjI0LDAuNWMtMC4xMSwwLjExLTAuMjcsMC4yMS0wLjQ4LDAuMwoJYy0wLjIxLDAuMDktMC40NiwwLjE3LTAuNzMsMC4yM2MtMC4yNywwLjA2LTAuNTYsMC4xMS0wLjg3LDAuMTVzLTAuNjEsMC4wNi0wLjkyLDAuMDZjLTAuOTMsMC0xLjc0LTAuMTItMi40LTAuMzcKCWMtMC42Ny0wLjI1LTEuMjEtMC42Mi0xLjY0LTEuMTJzLTAuNzQtMS4xMy0wLjkzLTEuOWMtMC4xOS0wLjc3LTAuMjktMS42Ny0wLjI5LTIuNzJWMjUuMWgtMi41MmMtMC4yLDAtMC4zNi0wLjExLTAuNDgtMC4zMgoJcy0wLjE4LTAuNTYtMC4xOC0xLjA0YzAtMC4yNSwwLjAyLTAuNDcsMC4wNS0wLjY0czAuMDgtMC4zMiwwLjEzLTAuNDNjMC4wNS0wLjExLDAuMTItMC4xOSwwLjIxLTAuMjQKCWMwLjA5LTAuMDUsMC4xOC0wLjA3LDAuMjktMC4wN2gyLjV2LTQuMjhjMC0wLjA5LDAuMDItMC4xOCwwLjA3LTAuMjZjMC4wNS0wLjA4LDAuMTMtMC4xNSwwLjI2LTAuMjFjMC4xMy0wLjA2LDAuMy0wLjEsMC41MS0wLjEzCgljMC4yMS0wLjAzLDAuNDgtMC4wNCwwLjgtMC4wNGMwLjMzLDAsMC42MSwwLjAxLDAuODIsMC4wNGMwLjIxLDAuMDMsMC4zOCwwLjA3LDAuNSwwLjEzczAuMjEsMC4xMywwLjI2LDAuMjEKCWMwLjA1LDAuMDgsMC4wOCwwLjE3LDAuMDgsMC4yNnY0LjI4aDQuNjJjMC4xMSwwLDAuMiwwLjAyLDAuMjgsMC4wN2MwLjA4LDAuMDUsMC4xNSwwLjEzLDAuMjEsMC4yNGMwLjA2LDAuMTEsMC4xLDAuMjYsMC4xMywwLjQzCgljMC4wMywwLjE3LDAuMDQsMC4zOSwwLjA0LDAuNjRjMCwwLjQ4LTAuMDYsMC44My0wLjE4LDEuMDRzLTAuMjgsMC4zMi0wLjQ4LDAuMzJoLTQuNjJ2MTAuMDVjMCwxLjI0LDAuMTgsMi4xOCwwLjU1LDIuODEKCXMxLjAyLDAuOTUsMS45NywwLjk1YzAuMzEsMCwwLjU4LTAuMDMsMC44Mi0wLjA5YzAuMjQtMC4wNiwwLjQ1LTAuMTIsMC42NC0wLjE5czAuMzUtMC4xMywwLjQ4LTAuMTljMC4xMy0wLjA2LDAuMjUtMC4wOSwwLjM2LTAuMDkKCWMwLjA3LDAsMC4xMywwLjAyLDAuMTksMC4wNWMwLjA2LDAuMDMsMC4xMSwwLjEsMC4xNCwwLjE5YzAuMDMsMC4wOSwwLjA2LDAuMjIsMC4wOSwwLjM4QzE5NS4yMiwzOS4xNCwxOTUuMjMsMzkuMzQsMTk1LjIzLDM5LjU4eiIKCS8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTUuNTUsMjkuODdjMCwwLjI1LTAuMDIsMC40Ny0wLjA2LDAuNjVjLTAuMDQsMC4xOC0wLjA5LDAuMzMtMC4xNiwwLjQ1Yy0wLjA3LDAuMTItMC4xNSwwLjIxLTAuMjQsMC4yNgoJcy0wLjE5LDAuMDgtMC4zLDAuMDhoLTYuNTd2Ny4yOWMwLDAuMTEtMC4wMywwLjItMC4wOCwwLjI3Yy0wLjA1LDAuMDctMC4xNCwwLjE0LTAuMjUsMC4xOWMtMC4xMSwwLjA1LTAuMjYsMC4xLTAuNDUsMC4xMwoJcy0wLjQyLDAuMDUtMC43LDAuMDVjLTAuMjcsMC0wLjUtMC4wMi0wLjY5LTAuMDVjLTAuMTktMC4wMy0wLjM1LTAuMDgtMC40Ni0wLjEzYy0wLjExLTAuMDUtMC4yLTAuMTItMC4yNS0wLjE5CgljLTAuMDUtMC4wNy0wLjA4LTAuMTYtMC4wOC0wLjI3di03LjI5aC02LjU3Yy0wLjEyLDAtMC4yMi0wLjAzLTAuMzEtMC4wOHMtMC4xNi0wLjE0LTAuMjMtMC4yNnMtMC4xMi0wLjI3LTAuMTYtMC40NQoJYy0wLjA0LTAuMTgtMC4wNi0wLjQtMC4wNi0wLjY1YzAtMC4yNCwwLjAyLTAuNDUsMC4wNi0wLjYzYzAuMDQtMC4xOCwwLjA5LTAuMzMsMC4xNi0wLjQ1czAuMTQtMC4yMSwwLjIzLTAuMjZzMC4xOC0wLjA4LDAuMjktMC4wOAoJaDYuNTl2LTcuMjljMC0wLjExLDAuMDMtMC4yLDAuMDgtMC4yOWMwLjA1LTAuMDksMC4xNC0wLjE2LDAuMjUtMC4yMmMwLjExLTAuMDYsMC4yNy0wLjExLDAuNDYtMC4xNHMwLjQyLTAuMDUsMC42OS0wLjA1CgljMC4yOCwwLDAuNTEsMC4wMiwwLjcsMC4wNXMwLjM0LDAuMDgsMC40NSwwLjE0YzAuMTEsMC4wNiwwLjIsMC4xMywwLjI1LDAuMjJjMC4wNSwwLjA5LDAuMDgsMC4xOCwwLjA4LDAuMjl2Ny4yOWg2LjU5CgljMC4xMSwwLDAuMiwwLjAzLDAuMjksMC4wOGMwLjA5LDAuMDUsMC4xNywwLjE0LDAuMjQsMC4yNmMwLjA3LDAuMTIsMC4xMywwLjI3LDAuMTYsMC40NUMyMTUuNTQsMjkuNDIsMjE1LjU1LDI5LjYzLDIxNS41NSwyOS44N3oiCgkvPgo8cGF0aCBpZD0iSWNvbl9hd2Vzb21lLWNoZWNrLWNpcmNsZV8wMDAwMDA0Nzc1MTgxOTk3Mzg0ODk2MDEwMDAwMDAxMTQ1MzEwODQ2NjkxOTY2MjQ5OV8iIGNsYXNzPSJzdDAiIGQ9Ik01OC4yMSwyOS4xCgljMCwxNi4wNy0xMy4wMywyOS4xMS0yOS4xLDI5LjExUzAsNDUuMTgsMCwyOS4xMVMxMy4wMywwLDI5LjEsMGwwLDBDNDUuMTcsMCw1OC4yLDEzLjAzLDU4LjIxLDI5LjF6IE0yNS43NCw0NC41MWwyMS41OS0yMS41OQoJYzAuNzMtMC43MywwLjczLTEuOTIsMC0yLjY1bC0yLjY1LTIuNjVjLTAuNzMtMC43My0xLjkyLTAuNzMtMi42NSwwbC0xNy42MiwxNy42TDE2LjE5LDI3Yy0wLjczLTAuNzMtMS45Mi0wLjczLTIuNjUsMGwtMi42NiwyLjY2CgljLTAuNzMsMC43My0wLjczLDEuOTIsMCwyLjY1bDEyLjIsMTIuMkMyMy44MSw0NS4yNSwyNSw0NS4yNSwyNS43NCw0NC41MUwyNS43NCw0NC41MXoiLz4KPC9zdmc+Cg=='/>
</div>
<div class='summary-table'>
<h2 class='summary-step-title' colspan='2'>Dialogue step 1</h2>
<div class='summary-element-class'>
<div class='summary-element-class-label'>Utfyllingsfelt1</div>
<div class='summary-element-instance front-hidden'><span style=""white-space: pre-wrap;"">dsa</span></div>
<div class='summary-element-instance pdf-hidden'><span style="white-space: pre-wrap;">dsa</span></div>
</div>
</div>
</div>
style.html: <style>
* {
font-family: sans-serif;
-webkit-filter: opacity(1);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
body {
}
.pdf-hidden {
display: none !important;
}
.summary-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.summary-header-container {
display: flex;
gap: 1rem;
margin-bottom: 1rem;
justify-content: space-between;
align-items: flex-start;
}
.summary-title {
margin-top: 0;
}
.summary-logo {
max-width: 200px;
}
h1 {
font-size: 1.5rem;
}
.summary-reference-id-label,
.summary-reference-id-value,
.summary-submitted-label,
.summary-submitted-value,
.summary-dialogueid-label,
.summary-dialogueid-value {
font-size: 1rem;
display: inline-flex;
font-weight: normal;
margin: 0;
}
.summary-reference-id-label,
.summary-submitted-label,
.summary-dialogueid-label {
font-weight: bold;
}
.errorlabel {
color: #f44336;
}
caption {
margin: 1rem 0;
}
.summary-table {
width: 100%;
margin: 0 auto;
}
.summary-step-title {
font-size: 1.2rem;
padding: 1rem 0;
text-align: left;
margin: 1rem 0 0.5rem;
}
span {
white-space: pre-wrap;
}
.summary-element-group-class-label {
font-weight: bold;
padding: 10px 0;
font-size: 1.2rem;
}
.summary-group-instance {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px solid black;
padding-bottom: 5px;
margin-bottom: 5px;
}
.summary-element-class {
display: flex;
width: 100%;
gap: 1rem;
font-size: 1.1rem;
}
.summary-element-class-label {
width: 40%;
font-weight: bold;
padding: 5px 0;
text-align: left;
}
.summary-element-instance {
width: 60%;
padding: 5px 0;
}
.summary-element-instance-multiple {
padding: 5px 0;
}
.summary-element-instance-radiobutton-list,
.summary-element-instance-checkbox-list {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.summary-element-instance-radiobutton-list-item,
.summary-element-instance-checkbox-list-item {
display: grid;
grid-template-columns: 1em auto;
gap: 0.5em;
align-items: center;
}
.radio-button-item {
display: grid !important;
grid-template-columns: 1em auto;
gap: 0.5em;
align-items: center;
}
input[type="radio"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: #fff;
/* Not removed via appearance */
margin: 0;
font: inherit;
color: currentColor;
width: 18px;
height: 18px;
border: 0.15em solid currentColor;
border-radius: 50%;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}
input[type="radio"]::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #000;
/* Windows High Contrast Mode */
background-color: CanvasText;
}
input[type="radio"]:checked::before {
transform: scale(1);
}
input[type="radio"]:focus-visible {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
input[type="checkbox"] {
position: absolute;
width: 24px;
height: 24px;
appearance: none;
margin: 0;
opacity: 1;
}
input[type="checkbox"] + span {
position: relative;
height: 14px;
line-height: 14px;
padding: 0 0 0.25rem 2.5rem !important;
font-weight: normal !important;
display: inline-block;
}
input[type="checkbox"] + span:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
border: 2px solid;
border-radius: 50%;
background-color: #fff;
}
input[type="checkbox"]:checked + span:before {
display: block;
background-color: currentColor;
box-shadow: inset 0 0 0 0.25em #fff;
}
input[type="checkbox"] + span:before {
border-radius: 0;
}
input[type="checkbox"] + span:after {
content: "";
position: absolute;
left: 6px;
top: 41%;
width: 4px;
height: 8px;
border-style: solid;
border-width: 0px 2px 2px 0px;
transform: translateY(-50%) rotate(45deg);
display: none;
}
input[type="checkbox"]:checked + span:after {
display: block;
}
input[type="checkbox"]:checked + span:before {
background-color: #fff;
box-shadow: none;
}
</style> |
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
Hi
The Gotenberg pdf result after converting from HTML to PDF is not containing selectable text, is there a solution to this?
US-Skjema-X2M-FG6.pdf
The text was updated successfully, but these errors were encountered: