div with tool attribute does not allow flex for div within

[vikjung]

div tool horizontal layout>
div>Alpha /div>
div flex>Beta (flex) /div>
div>Gamma /div>
/div>

Issue with flex in div for tool bar. if div has tool attribute then the div within doesnt flex

[sorvell]

There's not much information here, but I'm going to try to answer this anyway. I'm going to assume you're using core-scaffold since that supports a tool attribute. The elements selected into the core-scaffold's tool area are already in a flex layout so the container isn't necessary. The container itself here has no size and this is why the Beta (flex) div doesn't appear to take up the additional space.

Here's a fix that leaves your outer container in place:

<div tool flex horizontal layout>
  <div>Alpha</div>
  <div flex>Beta(flex)</div>
  <div>Gamma</div>
</div>

If you put this inside a core-scaffold the Beta (flex) div element will flex to fill the tool area.