Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested menu not collapsing category items in menu #1636

Open
2 tasks done
mentalibor opened this issue Jan 9, 2025 · 2 comments
Open
2 tasks done

Nested menu not collapsing category items in menu #1636

mentalibor opened this issue Jan 9, 2025 · 2 comments
Labels
type: bug Something isn't working Workflow: Issue created JIRA issue is created and will be analyzed

Comments

@mentalibor
Copy link

mentalibor commented Jan 9, 2025

Prerequisites

  • I have read the Contributing Guidelines.
  • I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

Summary
When collapsing the menu, the items within the categories do not collapse properly, resulting in a malfunction.

Steps to Reproduce

  1. Ensure that there are multiple categories, each containing several items.
  2. Expand the side menu.
  3. Collapse one of the categories or all categories.
  4. Collapse the side menu
  5. Observe that the items within the collapsed category are still visible/not collapsed.

Expected Behavior
When the side menu is collapsed, all items within that category should also be collapsed and hidden from view.

Actual Behavior
When the side menu is collapsed, the items within that category remain visible, causing a malfunction in the collapsing functionality.

What type of frontend framework are you seeing the problem on?

Others

Which version of iX do you use?

latest

Code to produce this issue.

<script setup lang="ts">
import {
  IxApplication,
  IxMenu,
  IxMenuCategory,
  IxMenuItem,
} from '@siemens/ix-vue';
</script>

<style scoped src="./menu-category.css"></style>

<template>
  <IxApplication>
    <IxMenu>
      <IxMenuItem home icon="home"> Home </IxMenuItem>
      <IxMenuItem icon="globe">Normal Tab</IxMenuItem>
      <IxMenuCategory label="Top level Category" icon="rocket">
        <IxMenuItem icon="globe">Nested Tab</IxMenuItem>
        <IxMenuItem icon="globe">Nested Tab</IxMenuItem>
      </IxMenuCategory>
      <IxMenuItem icon="globe">Normal Tab</IxMenuItem>
      <IxMenuItem icon="globe">Normal Tab</IxMenuItem>
    </IxMenu>
  </IxApplication>
</template>
@mentalibor mentalibor added the triage We discuss this topic in our internal weekly label Jan 9, 2025
@matthiashader
Copy link
Collaborator

@matthiashader matthiashader added type: bug Something isn't working Workflow: Issue created JIRA issue is created and will be analyzed and removed triage We discuss this topic in our internal weekly labels Jan 9, 2025
Copy link
Contributor

github-actions bot commented Jan 9, 2025

🤖 Hello @mentalibor

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-2274

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working Workflow: Issue created JIRA issue is created and will be analyzed
Projects
None yet
Development

No branches or pull requests

2 participants