Bug 132990 - CSS regions: Computed margin value depends on other regions' dimension.
Summary: CSS regions: Computed margin value depends on other regions' dimension.
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 57312
  Show dependency tree / graph
 
Reported: 2014-05-16 08:44 PDT by zalan
Modified: 2022-07-13 09:13 PDT (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.