Failing web compatibility for combination of flexing, min/max width, and percentage flex basis #485

New Issue

2017-03-17T07:26:58-07:00

emilsjolander commented

2017-03-17 07:26:58 -07:00

(Migrated from github.com)

Report

Something is not behaving as expected when compibing min/max width with percentage flex basis and flex-grow.

Issues and Steps to Reproduce

The following test fixture does not pass web compatibility tests.

<div id="flex_grow_flex_basis_percent_min_max" style="width: 120px; flex-direction: row;">
  <div style="flex-grow: 1; flex-shrink: 0; flex-basis: 0px; height: 20px; min-width: 60px;"></div>
  <div style="flex-grow: 1; flex-shrink: 0; flex-basis: 50%; height: 20px; max-width: 20px; width: 20px;"></div>
</div>

Expected Behavior

https://jsfiddle.net/mcoLpahv/1/

# Report Something is not behaving as expected when compibing min/max width with percentage flex basis and flex-grow. # Issues and Steps to Reproduce The following test fixture does not pass web compatibility tests. ```html <div id="flex_grow_flex_basis_percent_min_max" style="width: 120px; flex-direction: row;"> <div style="flex-grow: 1; flex-shrink: 0; flex-basis: 0px; height: 20px; min-width: 60px;"></div> <div style="flex-grow: 1; flex-shrink: 0; flex-basis: 50%; height: 20px; max-width: 20px; width: 20px;"></div> </div> ``` # Expected Behavior https://jsfiddle.net/mcoLpahv/1/

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: DaddyFrosty/yoga#485