search

xamarin / flex

Flex is a flexible box layout system written in C, designed to be easy to consume from other languages
MIT License
193 stars 26 forks source link

Height issue with Wrap #26

Closed StephaneDelcroix closed 6 years ago

StephaneDelcroix commented 6 years ago

here's another snippet

on x.Flex, all items are 500px high, when they should be 100, and the lay outing isn't right either

<!DOCTYPE html>
<html>
<head>
<style> 
#main {
    width: 750px;
    height: 500px;
    border: 1px solid gray;
    display: flex;

    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: row;
}

#main div {
    width: 250px;
    height: 100px;
}
</style>
</head>
<body>

<div id="main">
  <div style="background-color:coral;"></div>
  <div style="background-color:lightblue;margin:50px;"></div>
  <div style="background-color:pink;"></div>
  <div style="background-color:cornflowerblue;margin:50px;"></div>
  <div style="background-color:hotpink;"></div>
</div>

</body>
</html>
StephaneDelcroix commented 6 years ago

not a bug, as documented. we'll see later if the behavior has to change