search

googlearchive / core-toolbar

Basic toolbar
7 stars 10 forks source link

select='.[top|middle|bottom]' has no effect.? #4

Closed darkyen closed 10 years ago

darkyen commented 10 years ago

Hey is it just me or the select='.top' / select='.middle' / select='.bottom' commands in core-toolbar for #topBar , #bottomBar, #middleBar doesn't do anything ?

While inspecting DOM the three containers are empty and the added content goes under them.

robdodson commented 10 years ago

You have to first set the toolbar to tall http://jsbin.com/cewur/2/edit

darkyen commented 10 years ago

Still no effect :-/

Screenshot

Or is that the expected behaviour ?

robdodson commented 10 years ago

The elements will not appear inside of the <content> elements because they're not actually moved in the DOM. They're just projected, so they appear as if they're in that spot. Check out this article which explains Shadow DOM http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/