Bug 132990 - CSS regions: Computed margin value depends on other regions' dimension.
Summary: CSS regions: Computed margin value depends on other regions' dimension.
Status: NEW
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 treegraph
 
Reported: 2014-05-16 08:44 PDT by zalan
Modified: 2014-05-26 08:17 PDT (History)
2 users (show)

See Also:


Attachments

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>