Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-contain/contain-inline-size-fieldset.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>contain:inline-size and fieldset</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="match" href="contain-inline-size-fieldset-ref.html">
<p>The fieldset below has inline-size containment. It should not make any
inline-size room for the blue legend line, but it should fit the hotpink
square in the block direction (but not in the inline direction, where it
should overflow the right border of the fieldset.</p>
<fieldset style="contain:inline-size; border:20px solid; width:fit-content;">
<legend>
<div style="width:200px; height:2px; background:blue;"></div>
</legend>
<div style="width:100px; height:100px; background:hotpink;"></div>
</fieldset>