Open
Description
The CSS property "break-after: region" doesn't seem to work properly.
Minimal example that fails: (tested on Chrome 71.0.3578.98 - 64-bit)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="break-test.css">
<script src="css-regions-polyfill.js"></script>
<title>Document</title>
</head>
<body>
<div id="source">
<p>first paragraph</p>
<p>second paragraph</p>
<p>third paragraph</p>
</div>
<div class="output"></div>
<div class="output"></div>
<div class="output"></div>
</body>
</html>#source {
flow-into: content-flow contents;
}
.output {
flow-from: content-flow;
border: 2px solid blue;
}
p {
break-after: region;
}
On my browser, all paragraphs are inside the same first region instead of being in separate regions.
I have minimal experience with CSS regions, but this seems wrong.
Can someone help with my problem ?
Thanks in advance,
Vincent Fabro
Metadata
Assignees
Labels
No labels