Hidden (closed) items still part of the DOM

[kalinchernev]

Describe the bug

Collapsible__contentInner elements remain in the DOM and render as big white places.

To Reproduce

No special steps to reproduce. Default setup.

Expected behavior
Please see the next screenshots.

Screenshots

Screenshot of the problem:

Screenshot of a potential solution:

Additional context

Because the styles for open/closed states in injected as inline, Collapsible__contentOuter level element not receiving open/closed state as a BEM modifier, a feasible CSS fix would be

.Collapsible__trigger.is-closed ~ .Collapsible__contentOuter {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

Where the absolute positioning is what makes the difference.