From 6fdaf71f4673225f5db8252481dec5f394be6280 Mon Sep 17 00:00:00 2001
From: Jenn Diaz <jenn.diaz@heysparkbox.com>
Date: Thu, 4 Jan 2024 10:54:31 -0700
Subject: [PATCH] fix(menu): post rebase issues

---
 components/menu/metadata/menu.yml   | 3 +++
 components/menu/stories/template.js | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/menu/metadata/menu.yml b/components/menu/metadata/menu.yml
index 2b1a4f5d0a..e498efcd33 100644
--- a/components/menu/metadata/menu.yml
+++ b/components/menu/metadata/menu.yml
@@ -1383,6 +1383,9 @@ examples:
                   <span class="spectrum-Menu-itemLabel">Subtract</span>
                 </li>
               </ul>
+          </div>
+        </div>
+
   - id: menu-truncate
     name: Menu with truncating text
     description: Use the class `spectrum-Menu-itemLabel--truncate` on the item label or section heading that should truncate with in a menu with a set `inline-size` or `max-inline-size`
diff --git a/components/menu/stories/template.js b/components/menu/stories/template.js
index 5e317a84bf..a737f65ce8 100644
--- a/components/menu/stories/template.js
+++ b/components/menu/stories/template.js
@@ -109,7 +109,6 @@ export const MenuItem = ({
           size,
           isEmphasized: true,
           isChecked: isSelected,
-          label: label,
           id: `menu-checkbox-${idx}`,
           customClasses: [
             `${rootClass}Checkbox`,
@@ -186,7 +185,7 @@ export const MenuGroup = ({
   >
     ${!isTraySubmenu
       ? html`<span
-          class="spectrum-Menu-sectionHeading"
+          class="spectrum-Menu-sectionHeading ${shouldTruncate ? "spectrum-Menu-itemLabel--truncate" : "" }"
           id=${id ?? `menu-heading-category-${idx}`}
           aria-hidden="true"
         >${heading}</span>`