Children items are not vertically aligned properly when the height of the parent is undefined #83

New Issue

2015-05-08T18:33:31-07:00

delimy commented

2015-05-08 18:33:31 -07:00

(Migrated from github.com)

Sample input:
{  
  style:{  
    flexDirection:"row"
  },
  children:[  
    {  
      style:{  
        width:100,
        flexDirection:"row"
      },
      children:[  
        {  
          style:{  
            width:20,
            height:20,
            alignSelf:"flex-end"
          }
        }
      ]
    },
    {  
      style:{  
        width:100,
        height:200
      }
    }
  ]
}

"flex-end" in the sample is not doing anything.

``` Sample input: { style:{ flexDirection:"row" }, children:[ { style:{ width:100, flexDirection:"row" }, children:[ { style:{ width:20, height:20, alignSelf:"flex-end" } } ] }, { style:{ width:100, height:200 } } ] } ``` "flex-end" in the sample is not doing anything.

👍 1

delimy commented

2015-05-08 18:39:10 -07:00

(Migrated from github.com)

correct:

wrong:

correct: ![screen shot 2015-05-08 at 6 37 44 pm](https://cloud.githubusercontent.com/assets/6600721/7548110/6e70cdf2-f5b1-11e4-9a79-1f28fdb59110.png) wrong: ![screen shot 2015-05-08 at 6 38 06 pm](https://cloud.githubusercontent.com/assets/6600721/7548113/74ad8d2c-f5b1-11e4-9fc2-7c37e62a443a.png)

ghost commented

2015-08-04 11:04:34 -07:00

(Migrated from github.com)

Thank you for reporting this issue and appreciate your patience. We've notified the core team for an update on this issue. We're looking for a response within the next 30 days or the issue may be closed.

felixakiragreen commented

2015-09-12 00:07:56 -07:00

(Migrated from github.com)

👍

:+1:

swathysubhash commented

2015-09-24 04:27:53 -07:00

(Migrated from github.com)

Facing this issue

rreusser commented

2015-10-01 13:20:38 -07:00

(Migrated from github.com)

We may be experiencing a very similar issue in which flex properties have no effect unless the width is explicitly defined. In other words, centering is nearly impossible unless the width is explicitly queried after layout and then set. This could be solved if width:100% were possible, but that's a separate (but again, related?) issue.

We may be experiencing a very similar issue in which flex properties have no effect unless the width is explicitly defined. In other words, centering is nearly impossible unless the width is explicitly queried after layout and then set. This could be solved if `width:100%` were possible, but that's a separate (but again, related?) issue.

respectTheCode commented

2015-11-24 02:59:21 -08:00

(Migrated from github.com)

+1

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: DaddyFrosty/yoga#83