core-toolbar doesn't work properly with row flex-direction?

[Marco Scannadinari]

Please see the attached screenshot beforehand

To try to push the paper-tabs to the right, and have the title take up the rest of  the parent's size, I applied flex-grow: 1 to the title, which works as expected with the red div (title takes up space - tabs pushed to right), but has no effect on the core-toolbar unless i set flex-direction to column, which makes no sense, as flex-grow is for the main axis, not the cross axis.

See index.html and style.css for source

[Frankie Fu]

The items (title, tabs) put inside core-toolbar are projected and put in a flex layout div inside shadowdom so setting display: flex on core-toolbar isn't necessary.  As a matter of fact that causes the issue.  So if you remove display: flex from core-toolbar then it will work.

Here is a working example:

http://jsbin.com/wupitaxacama/1/edit

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/47d0d2e3-92cf-4cd1-b53c-621acf48ed31%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Marco Scannadinari]

Thanks so much! Was there documentation about this that I should have looked at?

[Frankie Fu]

Yeah we are missing doc about this.  I filed an issue here: https://github.com/Polymer/core-toolbar/issues/10

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/1f68f605-a95e-40d3-875b-69a7aa10b2b8%40googlegroups.com.