PolymerElements / paper-toolbar

A Material Design toolbar/appbar
https://www.webcomponents.org/element/PolymerElements/paper-toolbar
40 stars 41 forks source link

Issue with paper-tabs in paper-toolbar on IE 11. #73

Closed PaulHMason closed 8 years ago

PaulHMason commented 8 years ago

I'm trying to place paper-tabs within a paper-toolbar as shown below. This works fine in Chrome and FireFox, but the tabs aren't displayed in IE11 - it seem to be an issue with the flex layout and setting <div class="bottom"> to <div class="bottom fit"> allows the tabs to be displayed in IE11, but the layout isn't want I want (I want the default left aligned tabs, not fully justified). Is there a workaround for this? I tried various layouts, but nothing works.

<paper-drawer-panel force-narrow>
        <paper-header-panel drawer>
            <paper-toolbar class="medium-tall">
                <div>Application</div>
            </paper-toolbar>
            <div> Drawer content... </div>
        </paper-header-panel>
        <paper-header-panel main>
            <paper-toolbar class="medium-tall">
                <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
                <span class="title">Title</span>
                <paper-icon-button icon="settings"></paper-icon-button>
                <paper-icon-button icon="more-vert"></paper-icon-button>

                <!-- TABS IN LOWER TOOLBAR -->
                <div class="bottom">
                    <paper-tabs selected="0" noink>
                        <paper-tab>One</paper-tab>
                        <paper-tab>Two</paper-tab>
                        <paper-tab>Three</paper-tab>
                        <paper-tab>Four</paper-tab>
                        <paper-tab>Five</paper-tab>
                    </paper-tabs>
                </div>
            </paper-toolbar>
            <div> Main content... </div>
        </paper-header-panel>
</paper-drawer-panel>
PaulHMason commented 8 years ago

It seems like a recent update has fixed this issue.

bicknellr commented 8 years ago

Hmm... There was a flex bug that was fixed in one of these recently but I can't find the issue or PR to provide a link. :/