From 101d0fe1a09bbb74e058bf4ce0c22c2f6368fa3e Mon Sep 17 00:00:00 2001
From: Steven Bal <steven@maykinmedia.nl>
Date: Tue, 2 Jul 2024 15:01:58 +0200
Subject: [PATCH] :bug: [#4450] Fix submission PDF rows overlapping

previously, rows could overlap if the field labels were longer more than one line
---
 src/openforms/scss/pdfs/_submission-step-row.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/openforms/scss/pdfs/_submission-step-row.scss b/src/openforms/scss/pdfs/_submission-step-row.scss
index 35ec96cc53..194fa0d5e2 100644
--- a/src/openforms/scss/pdfs/_submission-step-row.scss
+++ b/src/openforms/scss/pdfs/_submission-step-row.scss
@@ -1,6 +1,9 @@
 @import '~microscope-sass/lib/typography';
 
 .submission-step-row {
+  // TODO this fixes overlap on next page but also adds empty pages in case of long values
+  break-inside: avoid-page;
+
   & + & {
     margin-top: 1mm;
   }
@@ -60,4 +63,11 @@
       max-width: 100%;
     }
   }
+
+  // Avoid rows from overlapping in case the field label is more than 1 line (#4450)
+  &::after {
+    content: '';
+    display: table;
+    clear: both;
+  }
 }