Skip to content

SplitView opened-display-mode: overlay makes commands inaccessable #103

@ghost

Description

When having the following configuration everything works just fine:

            <win-split-view id="splitView" opened-display-mode="'inline'" closed-display-mode="'inline'">
                <win-split-view-pane>
                    <win-split-view-command label="'Startseite'" icon="'home'" on-invoked="toLandingpage()"></win-split-view-command>
                    <win-split-view-command label="'Urlaub'" icon="'camera'" on-invoked="toVacation()"></win-split-view-command>
                    <win-split-view-command label="'Kantine'" icon="'tag'" on-invoked="toCantina()" disabled="true"></win-split-view-command>
                </win-split-view-pane>
                <win-split-view-content>
                    <div class="host-content turnstile-animation" ui-view></div>
                </win-split-view-content>
            </win-split-view>

But as soon as I change the opened display mode, something overlays on top of my <win-split-view-command>s making their hover style disappear and invokation impossible. Everything else is as expected:

            <win-split-view id="splitView" opened-display-mode="'overlay'" closed-display-mode="'inline'">
                <win-split-view-pane>
                    <win-split-view-command label="'Startseite'" icon="'home'" on-invoked="toLandingpage()"></win-split-view-command>
                    <win-split-view-command label="'Urlaub'" icon="'camera'" on-invoked="toVacation()"></win-split-view-command>
                    <win-split-view-command label="'Kantine'" icon="'tag'" on-invoked="toCantina()" disabled="true"></win-split-view-command>
                </win-split-view-pane>
                <win-split-view-content>
                    <div class="host-content turnstile-animation" ui-view></div>
                </win-split-view-content>
            </win-split-view>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions