Fix package.json

.changes/unreleased/Fixed-20250605-101314.yaml

@@ -0,0 +1,6 @@
+kind: Fixed
+body: Fix loading of classLists in SocialIssuesAcc.vue, ensure elements are present
+time: 2025-06-05T10:13:14.351260769+02:00
+custom:
+    Issue: ""
+    SchemaChange: No schema change

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue

@@ -136,8 +136,8 @@ export default {
             issueIsLoading: false,
             actionIsLoading: false,
             actionAreLoaded: false,
-            socialIssuesClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialIssues").getAttribute("required") ? "required" : ""}`,
-            socialActionsClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialActions").getAttribute("required") ? "required" : ""}`,
+            socialIssuesClassList: 'col-form-label',
+            socialActionsClassList: 'col-form-label',
         };
     },
     computed: {
@@ -158,6 +158,17 @@ export default {
         },
     },
     mounted() {
+        /* Load classNames after element is present */
+        const socialActionsEl = document.querySelector("input#chill_activitybundle_activity_socialActions");
+        if (socialActionsEl && socialActionsEl.hasAttribute("required")) {
+            this.socialActionsClassList += ' required';
+        }
+
+        const socialIssuessEl = document.querySelector("input#chill_activitybundle_activity_socialIssues");
+        if (socialIssuessEl && socialIssuessEl.hasAttribute("required")) {
+            this.socialIssuesClassList += ' required';
+        }
+
         /* Load other issues in multiselect */
         this.issueIsLoading = true;
         this.actionAreLoaded = false;