Element doesn't seem to work without --layout-fullbleed and --layout-vertical.

[shicks]

I tried using the element in my own app but had difficulty. I bisected against the demo and found that if I don't add

:host {
  @apply(--layout-fullbleed);
  @apply(--layout-vertical);
}

to my element's CSS, the swipeable content doesn't display. But if I add both of them, then it works great. It would be great to either remove this requirement (i.e. by building it in somehow) or else document it more clearly.

[n1ywb]

this is because it sets position: absolute on the pages, which removes them from the layout by default, causing the host to have zero height (the layout considers it empty). the flex layout in this case just blows up the host element to fill the viewport at the expense of causing it to scroll internally which I think is extremely annoying and conflicts with the outer scrolling the polymer header requires to work properly. I'm trying to figure out a better way.

http://stackoverflow.com/questions/5369954/why-is-my-divs-height-zero

maybe use floating instead of abs positioning: http://stackoverflow.com/questions/13545947/position-absolute-and-parent-height