Bug 132990
| Summary: | CSS regions: Computed margin value depends on other regions' dimension. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | zalan <zalan> |
| Component: | Layout and Rendering | Assignee: | 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 | ||
zalan
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>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
CSS Regions were removed in Bug 174978.