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.
I tried to wrap the paper-header-panel in a custom element like so:
and used the new element on the page like so:
The logo and header panel render correctly, but the
h1tag wrapped within theens-headerelement is not rendered.