Layout breaks when the first element has a different minWidth than the rest

[Dagur]

I have a row of buttons which should space evenly. I can set a minWidth or a flexBasis on them without issue except if it's the first one. If I give them all the same minWidth or flexBasis value, there's no issue either.

I had AI generate a demo for me:

yoga-bug-demo.html

Btw i'm stuck on 2.0.1 becaues I can't use webassembly in the environment I'm working in.

[Dagur]

Actually I can reproduce this on the yoga playground:

<Layout config={{useWebDefaults: false}}>
  <Node style={{width: 540, flexDirection: "row" }}>
    <Node style={{width: 540, flexDirection: "row" }} >
      <Node style={{ 
        flexGrow: 1, flexShrink: 1, maxWidth: 180, height: 30,  minWidth: 60
      }} />
      <Node style={{ 
        flexGrow: 1, flexShrink: 1, maxWidth: 180, height: 30, minWidth: 30 
      }} />
      <Node style={{ 
        flexGrow: 1, flexShrink: 1, maxWidth: 180, height: 30, minWidth: 30
      }} />
    </Node>
  </Node>
</Layout>

https://www.yogalayout.dev/playground?code=DwGQhgng9grgLgAgMZQHYDMCWBzAvAb3xgGcBTAdVICMARU9MGAGzmIC4EGmyBfHgPgBQCBMAByUACakExOBCakC+AO6ZJcABYcArABYADABpOigB41MAJ1JI4mNBwBEVqCqcI+QkSPFSZcgpKhGoa2gj6xqakFta29o4ILm4efAjePr4S0rLyisoIwpk+6OYA4q4qHACMJqUxAMqaVpioANY1JgC2YGbk6lo1ABxRmqQ4mnAcAMxRCF2t-WEcAGwGRZlpAPQZmX45gfmEhcUl5ZWd0WZNLe2XPX0D4dUjJmMTUwiz3YtPMwYnYrbXY+fYBPLBfCA071MwVNyXWE3VodBC1ea9JaDNGvBDvbCTf4-VBY8KzDY+YEU4BbbKkDI0ulCGngaDwISCTlAA

Notice what happens if you set the minWidth to 30 on the first Node. Also notice that if you change the minWidth on the other two, it doesn't break anything.