Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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>