Skip to content

Flex items didn't get adjusted by inner contents's size. #560

Open
@andycall

Description

@andycall

Affected version

main

Flutter versions

3.16.3

No same issues found.

  • Yes, I search all issues but not found.

Steps to Reproduce

Code example

<!DOCTYPE html>
<html>
<head>
  <style>
  .flex-wrap{
    width: 400px;
    background: pink;
    display: flex;
    padding: 10px;
  }
  .flex1 {
    width: 40px;
    height: 40px;
    background: yellow
  }
  .flex2 {
    flex: 1;
    background: forestgreen;
  }
  .flex3 {
    max-width: 80px;
  }
    </style>
</head>
<body>
<div class="container">
  <div class="flex-wrap">
    <div class="flex2">
      <!-- lass="checkbox" type="checkbox" disabled name="" lass="checkbox" type="checkbox" disabled name="" -->
      <p class="p1">class="checkbox" type="checkbox" disabled name="" type="checkbox" disabled name=""</p>
      <p class="p1">class="checkbox" type="checkbox" d isabled name="" type="checkbox" disabled name=""</p>
    </div>
    <div class="flex3">43242423</div>
    <p class="flex1" >aaa</p>
  </div>
</div>

</body>
</html>

Expected results

image

Actual results

image

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions