fix(menu): post rebase issues

adobe · Jan 9, 2024 · 6fdaf71 · 6fdaf71
1 parent 0c78f45
commit 6fdaf71
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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>`