From d4df677532169e1721d27a98ac1056584c0a8004 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 2 Aug 2024 13:18:17 +0200
Subject: [PATCH] AAE-24675 Break words in checkbox and radio button labels to
 avoid overflow

---
 .../form/components/widgets/checkbox/checkbox.widget.html  | 1 +
 .../form/components/widgets/checkbox/checkbox.widget.ts    | 7 +++++++
 .../widgets/radio-buttons/radio-buttons-cloud.widget.scss  | 5 ++---
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
index e914e288ab..825d0d0af7 100644
--- a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
+++ b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
@@ -2,6 +2,7 @@
      [class.adf-invalid]="!field.isValid && isTouched()">
     <mat-checkbox [id]="field.id"
                   color="primary"
+                  class="adf-checkbox"
                   [required]="isRequired()"
                   [disabled]="field.readOnly || readOnly"
                   [(ngModel)]="field.value"
diff --git a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
index 1a78704f02..c61d27cf5a 100644
--- a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
@@ -30,6 +30,13 @@ import { WidgetComponent } from '../widget.component';
     selector: 'checkbox-widget',
     standalone: true,
     templateUrl: './checkbox.widget.html',
+    styles: [
+        `
+            .adf-checkbox {
+                word-break: break-word;
+            }
+        `
+    ],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',
diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss b/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
index 99f853677d..7b5ae54e8c 100644
--- a/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
@@ -43,9 +43,8 @@
         margin: 5px;
 
         label {
-            span {
-                white-space: normal;
-            }
+            white-space: normal;
+            word-break: break-word;
         }
     }