Skip to content

div with tool attribute does not allow flex for div within  #695

Description

@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

Activity

  1. self-assigned this
    on Aug 12, 2014
  2. sorvell commented on Aug 12, 2014

    @sorvell
    Contributor

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions