title: max-height: fit-content; not working as expected in Firefox
body: <p>This style works for e.g. chrome.</p>
  <pre><code>p.ex1 {
      max-height: fit-content;
      height: 250px;
      border:solid 1px black;
      overflow: auto;
  }
  </code></pre>
  <p>The intention is to use the whole height, with scrolling, if necessary,
  but shrink height to fit content if the content is small.
  However, how is this accomplished in Firefox?</p>
  <p><a href="https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-height" rel="nofollow noreferrer">https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-height</a></p>
  <h2>chrome:</h2>
  <p><a href="https://i.stack.imgur.com/KQi8Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KQi8Q.png" alt="chrome" /></a></p>
  <h2>firefox:</h2>
  <p><a href="https://i.stack.imgur.com/MGDv0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MGDv0.png" alt="firefox" /></a></p>