fix(side-nav-menu): expanded SideNavMenu should not have a max-height (#1368)

* fix(side-nav-menu): expanded `SideNavMenu` should not have a max-height (fixes #1361)

* chore(docs): remove max-height override
This commit is contained in:
metonym 2022-06-23 05:52:02 -07:00 committed by GitHub
commit 388a05c290
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions

View file

@ -262,7 +262,3 @@ main.bx--content {
z-index: 1; z-index: 1;
} }
} }
.bx--side-nav__submenu[aria-expanded="true"] + .bx--side-nav__menu {
max-height: 144rem;
}

View file

@ -48,7 +48,11 @@
<svelte:component this="{ChevronDown}" title="Open Menu" tabindex="0" /> <svelte:component this="{ChevronDown}" title="Open Menu" tabindex="0" />
</div> </div>
</button> </button>
<ul role="menu" class:bx--side-nav__menu="{true}"> <ul
role="menu"
class:bx--side-nav__menu="{true}"
style="{expanded && 'max-height: none'}"
>
<slot /> <slot />
</ul> </ul>
</li> </li>