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 · 1 comment
Open
Labels
css-break-3 Current Work

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).

@fantasai
Copy link
Collaborator

fantasai commented Oct 7, 2024

This is a good question... absolutely positioned boxes generally don't care what happens underneath them except to the extent it changes their containing block, so I think in your example it would overlap.

But for floats, I think they would run out of room while leaving enough room for the cloned box decorations.

@fantasai fantasai added the css-break-3 Current Work label Oct 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-break-3 Current Work
Projects
None yet
Development

No branches or pull requests

2 participants