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.

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

Does not render content elements. #67

Open
StephenTurley opened this issue Dec 19, 2015 · 0 comments
Open

Does not render content elements. #67

StephenTurley opened this issue Dec 19, 2015 · 0 comments

Comments

@StephenTurley
Copy link

I tried to wrap the paper-header-panel in a custom element like so:

<link rel="import" href="../../vendor/polymer/polymer.html">
<link rel="import" href="../../vendor/iron-flex-layout/classes/iron-flex-layout.html">
<link rel="import" href="../../vendor/paper-header-panel/paper-header-panel.html">


<dom-module id="ens-header">

    <template>
        <style>

        </style>
        <paper-header-panel class="flex">

            <header class="paper-header">
                <ens-logo class="flex-1"></ens-logo>
            </header>

            <content select="*"></content>
        </paper-header-panel>

    </template>


    <script>
        Polymer({
            is: 'ens-header'
        });
    </script>
</dom-module>

and used the new element on the page like so:

<body class="fullbleed layout vertical">
    <ens-header>
    <h1>This content does not render</h1>
    </ens-header>
</body> 

The logo and header panel render correctly, but the h1 tag wrapped within the ens-header element is not rendered.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants