Open Bug 1874569 Opened 9 months ago Updated 9 months ago

New wpt failures in /css/css-contain/content-visibility/content-visibility-095.html

Categories

(Core :: Layout, defect, P3)

Product:
Core
Component:
Layout
Type:
defect

Tracking

()

People

(Reporter: wpt-sync, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [wpt])

Syncing wpt PR 43983 found new untriaged test failures in CI

Tests Affected

New Tests That Don't Pass

CI Results

Gecko CI (Treeherder)
GitHub PR Head

Notes

These updates will be on mozilla-central once bug 1874517 lands.

Note: this bug is for tracking fixing the issues and is not
owned by the wpt sync bot.

This bug is linked to the relevant tests by an annotation in
https://github.com/web-platform-tests/wpt-metadata. These annotations
can be edited using the wpt interop dashboard
https://jgraham.github.io/wptdash/

If this bug is split into multiple bugs, please also update the
annotations, otherwise we are unable to track which wpt issues are
already triaged. Resolving as duplicate or closing this issue should
be cause the bot to automatically update or remove the annotation.

Blocks: css-content-visibility
Severity: -- → S3
Priority: -- → P3

The change from bug 1874517 is adding contain: content to the reference (i.e. contain: layout paint) so that it matches the effect of content-visibility: hidden. I believe it should also force style and size containment too, but that's not the problem.

Here is a reduced testcase showing the bug, compare layout containment is already applied on content-visibility: hidden nodes so the two tables should render the same:

<!DOCTYPE HTML>
<style>
table {
  width: 150px;
  height: 150px;
  background: lightblue;
  content-visibility: hidden;
}
#positioned {
  position: absolute;
}
</style>
<p>Without containment:</p>
<table id="table">
  <td>
    <div id="positioned">Test passes if this text is visible.</div>
  </td>
</table>
<p>With contain: layout</p>
<table id="table" style="contain: layout">
  <td>
    <div id="positioned">Test passes if this text is visible.</div>
  </td>
</table>
You need to log in before you can comment on or make changes to this bug.