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.

Sign up for GitHub

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

Jump to bottom

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

Open
ghost opened this issue Jul 27, 2016 · 2 comments
Open

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

ghost opened this issue Jul 27, 2016 · 2 comments

Comments

@ghost
Copy link

ghost commented Jul 27, 2016 •
edited by ghost

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>
@AmazingJaze
Copy link
Contributor

@max-buecker If I had to guess, it sounds like your app might be creating a stacking context.
https://github.com/winjs/winjs/wiki/Dismissables-and-Stacking-Contexts
This can trigger in the browser if your splitview element is not a direct child of <body> element.

@ghost
Copy link
Author

ghost commented Jul 28, 2016

@AmazingJaze Thanks :) This seems to explain it quite good. Only problem being, that I cannot just put this into my <body>, as it's in a view of a submodule that gets injected into a smaller area of the body which is kind of a shame. Maybe I'll figure out on how to disable the click eater for that display-mode.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@AmazingJaze