App-header repositioned by app-header-layout incorrectly

[andystevensname]

Description

app-header-layout pushes app-header to the left when it shouldn't.

Expected outcome

app-header-layout takes control of app-header and they play nicely inside an app-drawer-layout with an app-drawer.

Actual outcome

app-header-layout takes the left coordinate of app-header, which is now the width of app-drawer, and sets app-header's left property to that value, effectively doubling the space from the left side of the page. This might be because app-header-layout has position: relative?

Steps to reproduce

Using #2.0-preview and Polymer/polymer#2.0.0-rc.3 simply create a boilerplate app with app-header-layout, app-header, app-drawer-layout, app-drawer:

git clone [email protected]:andystevensname/app-header-layout-possible-bug.git

Browsers Affected

Have only tested in Chrome

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[andystevensname]

I had not updated my index.html, which quickly fixed things. My apologies.