Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-break] Fragmented out-of-flow contained by box with cloned borders #10553

Open
mstensho opened this issue Jul 11, 2024 · 0 comments
Open

Comments

@mstensho
Copy link

Spec: https://drafts.csswg.org/css-break/#break-decoration

Are out-of-flow positioned elements expected to steer clear of cloned borders in the containing block chain, or should they just overlap?

<div style="columns:3; column-fill:auto; height:100px;">
  <div style="position:relative; box-decoration-break:clone; height:160px; border:10px solid;">
    <div style="position:absolute; top:0; right:0; width:20px; height:250px; background:cyan;"></div>
  </div>
</div>

Firefox thinks so. In a way, this seems reasonable, since we're talking about out-of-flow. Then again, contained out-of-flow elements respect block fragmentation, and cloned box decorations sort of shrink the fragmentainer space available to descendants.

Cloned block edge box decorations aren't implemented by any others at the moment that I'm aware of (well, PrinceXML has it, but they don't fragment OOFs at all, it seems).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
1 participant