Skip to content
This repository was archived by the owner on Apr 19, 2025. It is now read-only.
This repository was archived by the owner on Apr 19, 2025. It is now read-only.

Collapse not working when navbar=true #419

@metayii

Description

@metayii

sveltekit latest + svelte 3 + static plugin

Given this code:

<Navbar color="{$user.preferences.pref_modopantalla=='0' ? 'dark' : 'light'}" expand="lg" fixed="top">
    <NavbarBrand href="/">
        <span class="logo-sm">
            <img class="img-responsive center-block" src="/images/common/logo_250x76.png" style="max-height:40px;width:auto;" alt="logo" />
        </span>			
    </NavbarBrand>
    <NavbarToggler on:click={() => (isOpen = !isOpen)}>
        <span class="material-icons">menu</span>
    </NavbarToggler>
    <Collapse {isOpen} expand="lg" navbar={true} on:update={handleUpdate}>
        <Nav class="ml-auto" navbar={true}>

if I set navbar={true} then the collapsable doesn't work in small screems. If I set it to {false} then it works, but it breaks the dropdowns (which are not shown). My sollution was to change this in Collapse.svelte:

$: classes = classnames(className, navbar && 'navbar-collapse' && windowWidth >= minWidth[expand]);

That's adding && windowWidth >= minWidth[expand])

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions