poll: what should be the default behavior for fxFlex?

This issue tracks the possibility of changing the default behavior for the fxFlex directive. Currently, the behavior is as follows:

• When the input is an integer, this defaults to a percentage value input for fxFlex
• When the input is any other singular value, it’s interpreted as the intended flex-basis value and results in flex: 1 1 <input> with min-width and max-width applied (assuming row format)
• When the input is three values, it’s interpreted as a direct translation to the CSS flex property, with min/max-width applied according to the algorithm specified here
• When the input is longer than three values, it is truncated to the first three values

I’ll list some alternative options for fxFlex behavior below, please vote for your preferred option, or feel free to add your own. If you like the current behavior, please do not add comments, but simply vote for this comment.

[adamdport]

Option 5) The same as option 3 but the default min/max is none

[mtraynham]

Alright @CaerusKaru, I have my app back in it’s original state… For some reason fxLayout="column" and a child of fxFlex, which as you’ve suggested gives it flex-basis of auto didn’t fill the parent for me. I also tried fxFlex="0%" on those children and that worked for Chrome, but not Firefox. I instead left my code as is with simple fxFlex and used the following scss to correct it (which goes back to the original hack). This seems to work for Chrome/Firefox/Safari, but I haven’t tried IE.

*[fxlayout='column'] > *[fxFlex] {
    flex-basis: 0.000000001px !important;
}