Skip to content

Commit 73c0f97

Browse files
kibanamachineandrimal
kibanamachine
and
andrimal
authored
[8.18] [Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (#235516) (#236040)
# Backport This will backport the following commits from `main` to `8.18`: - [[Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (#235516)](#235516) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Andreana Malama","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-09-23T08:01:38Z","message":"[Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (#235516)\n\n## Summary\n\nFix #217287 \n\nThis PR fixes the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19 at 2 36 11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19 at 2 36 41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n## Reports\n\nDashboard to test: \n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore: \n- Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n- TSVB metric chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n- Lens metric chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n- Lens bar chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n- Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n- TSVB metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n- Lens metric chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n- Lens bar chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n## Release Notes: \n\nFix for the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [ ] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n- [x] Review the [backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand apply applicable `backport:*` labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e","branchLabelMapping":{"^v9.2.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Feature:Reporting:Screenshot","backport:version","v9.2.0","v8.18.8","v8.19.5","v9.0.8","v9.1.5"],"title":"[Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports","number":235516,"url":"https://github.com/elastic/kibana/pull/235516","mergeCommit":{"message":"[Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (#235516)\n\n## Summary\n\nFix #217287 \n\nThis PR fixes the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19 at 2 36 11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19 at 2 36 41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n## Reports\n\nDashboard to test: \n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore: \n- Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n- TSVB metric chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n- Lens metric chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n- Lens bar chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n- Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n- TSVB metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n- Lens metric chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n- Lens bar chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n## Release Notes: \n\nFix for the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [ ] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n- [x] Review the [backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand apply applicable `backport:*` labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.19","9.0","9.1"],"targetPullRequestStates":[{"branch":"main","label":"v9.2.0","branchLabelMappingKey":"^v9.2.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/235516","number":235516,"mergeCommit":{"message":"[Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (#235516)\n\n## Summary\n\nFix #217287 \n\nThis PR fixes the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19 at 2 36 11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19 at 2 36 41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n## Reports\n\nDashboard to test: \n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore: \n- Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n- TSVB metric chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n- Lens metric chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n- Lens bar chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n- Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n- TSVB metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n- Lens metric chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n- Lens bar chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n## Release Notes: \n\nFix for the text kerning issues in dashboard/visualization PDF/PNG\nexports, particularly noticeable on Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [ ] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n- [x] Review the [backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand apply applicable `backport:*` labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e"}},{"branch":"8.18","label":"v8.18.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.19","label":"v8.19.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Andreana Malama <[email protected]>
1 parent c37592f commit 73c0f97

File tree

1 file changed

+2
-0
lines changed
  • src/platform/packages/private/kbn-screenshotting-server/src

1 file changed

+2
-0
lines changed

‎src/platform/packages/private/kbn-screenshotting-server/src/args.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,8 @@ export const args = ({
5555
'--hide-scrollbars',
5656
// allow screenshot clip region to go outside of the viewport
5757
`--mainFrameClipsContent=false`,
58+
// fix screenshot text kerning
59+
'--font-render-hinting=none',
5860
];
5961

6062
if (windowSize) {

0 commit comments

Comments
 (0)