On 8/8/15, 2:47 PM, "omup...@gmail.com on behalf of OmPrakash Muppirala" <omup...@gmail.com on behalf of bigosma...@gmail.com> wrote:
>On Fri, Aug 7, 2015 at 9:50 PM, Alex Harui <aha...@adobe.com> wrote: > >> One of my goals for FlexJS is to leverage as much code in the browser as >> possible. That’s why there are button components that thinly wrap the >> HTML button element. You can pay-as-you-go and select heavier buttons >> that allow more complex skinning and/or styling. >> >> I thought we’d be able to leverage the browser’s layout code for >>vertical >> and horizontal layout. The current version sets the children to >> display:block or display:inline-block. That’s much less code than >>running >> a loop on the children, figuring out margins, left/right constraints, >>etc, >> and therefore less code to write, debug and maintain. >> > >I think it would be better if we start using the flexbox model [ >http://caniuse.com/#feat=flexbox] > >Horizontal layout would be: > >display: flex; >flex-direction: row >justify-content: space-between; Certainly, we can add a FlexBoxLayout. My main complaint is that HorizontalLayout via inline-block doesn’t work like I and hundreds of others on SO think it should so we all end up asking the same question. > > >> >> But these days, I’m starting to wonder if one of the benefits of FlexJS >> will be in the availability of layouts that pretty much use >> position:absolute to control everything. There are lots of funky rules >> and workarounds for how browsers deal with display:inline-block, for >> example. > > >> Anyway, I’m wondering if there is anything, besides performance, we >>might >> give up by giving up on display:inline-block and writing our own >> horizontal layout. >> > >I am worried we will end up with too many edge cases for responsive layout >requirements. Yeah, me too, although there is a chance we’ll do it “better”. The forums are full of folks running into unexpected behavior. Maybe we will win the day by having our layouts be responsive but more predictable. Another thing I find unexpected about HTML layouts is how height is managed. In the FlexJSStore, lots of containers are “sized to content” in that either width or height or both aren’t specified. In such a situation, HTML layouts don’t work that well. I may end up setting the missing width or height style as part of layout. -Alex
