Bug 132990

Summary: CSS regions: Computed margin value depends on other regions' dimension.
Product: WebKit Reporter: zalan <zalan>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: bfulgham, hyatt, mihnea
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 57312    

Description zalan 2014-05-16 08:44:40 PDT 
The computed left/right margin of the inner box depends on the width of the region2, while we don't even flow any content into region2. I am not sure what's the expected behavior here, but it feels odd that an "unrelated" region's (region2) dimension changes the text position in region1.


  #outer {
    border: 1px solid blue;
    -webkit-flow-into: flow1;
  }
    
  #inner {
    margin: auto;
    width: 97%;
  }

  #region1, region2 {
    -webkit-flow-from: flow1;
  }    
  
#region1 {
    width: 200px;
  }

  #region2 {
    width: 300px;
  }
</style>
</head>
<body>
  <div id="outer">
    <div id="inner">This text should to painted on the same position.</div>
  </div>
  <div id="region1"></div>
  <div id="region2"></div>
</body>
</html>
Comment 1 Brent Fulgham 2022-07-13 09:13:27 PDT 
CSS Regions were removed in Bug 174978.