zero height if container-type: size

by Sergey Yakunin

HTML

text before<br />
text before<br />

<div class="c1">
  <h1>
    Header is OK {container-type: inline-size}
  </h1>
</div>

text middle<br />
text middle<br />

<div class="c2">
  <h1>
    Header is not OK! {container-type: size}
  </h1>
</div>

text after<br />
text after<br />

CSS

.c1 {
  display: block;
  outline: 1px dashed tan;
  container-type: inline-size;
}

.c2 {
  display: block;
  outline: 1px dashed tan;
  container-type: size;
}