From b2415bba9b131e5b7680309d0d7588d2b307e9d6 Mon Sep 17 00:00:00 2001
From: Raphael Mattos <raphael.mattos@contextaware.com.br>
Date: Thu, 23 Nov 2023 15:42:14 -0300
Subject: [PATCH] fix(cxl-ui): (cxl-marketing-nav) handle errors while adding
 classes to menu items

---
 .../cxl-ui/src/components/cxl-marketing-nav.js | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/cxl-ui/src/components/cxl-marketing-nav.js b/packages/cxl-ui/src/components/cxl-marketing-nav.js
index 0c3660ca6..894987a1b 100644
--- a/packages/cxl-ui/src/components/cxl-marketing-nav.js
+++ b/packages/cxl-ui/src/components/cxl-marketing-nav.js
@@ -265,9 +265,21 @@ export class CXLMarketingNavElement extends LitElement {
 
     // If there are classes, add them, avoiding empty strings.
     if (classes) {
-      classes.forEach((className) => {
-        if (className) menuItemElement.classList.add(className);
-      });
+      try {
+        classes.forEach((className) => {
+          if (className) menuItemElement.classList.add(className);
+        });
+      } catch (error) {
+        classes.forEach((className) => {
+          if (className.indexOf(' ') !== -1) {
+            // eslint-disable-next-line no-console
+            console.warn(`One of the classes items contains a space: ${className}`);
+            className.split(' ').forEach((splitClass) => {
+              if (splitClass) menuItemElement.classList.add(splitClass);
+            });
+          }
+        });
+      }
 
       if (classes?.includes('menu-item-search')) {
         menuItemElement.addEventListener('click', this.toggleSearchDialog.bind(this));