iron-flex-layout classes are not getting applied

[sowsan]

within paper-stepper if we put the controls in iron flex layout styeled css its not getting the styles applied. Using Paper-Stepper in vertical mode, I want some of my controls within in the paper-stepper in horizontanl mode. But it always rendering in vertical mode.

<paper-step> <div class="container flex-horizontal"> <div class="flex-vertical"> <paper-input label="search"></paper-input> <paper-listbox> <paper-item>Item 1</paper-item> <paper-item>Item 2</paper-item> </paper-listbox> </div> <div class="flex-vertical"> <paper-listbox> <paper-item>selected 1</paper-item> <paper-item>selected 2</paper-item> </paper-listbox> </div> </div>

[Zecat]

Ok, in vertical mode, the content of the <paper-step> was (--layout-flex), can you try again with beta-3?

[sowsan]

Tried it in beta.3 same behavior. Basically, within a step I want to show two controls horizontally, Say two list boxes. Now both of them are showing vertically.

[dasurid]

The problem seems to be that all components enclosed in a step have style-scope paper-vertical-stepper x-scope applied to them.