https://drafts.csswg.org/css-sizing-4/#aspect-ratio

The title is not very descriptive, sorry -- I couldn't think of a succinct way to describe the issue. Basically:

  <div style="aspect-ratio: 1/1; max-height: 50px; font: 10px/1 Ahem; float: left;">
    XX XXX <!-- max-size 60px, min-size: 30px -->
  </div>

So we have shrink-to-fit sizing in the inline axis and an aspect ratio size in the block axis. Since we have a lot of space, inline size is 60px (max intrinsic size), and height is 60px.

BUT, max-height is 50px. Should we:

• Clamp max-height to 50px and recompute the inline size based on that (here, 50px), like we do for ?
  http://plexode.com/eval3/#s=aekVQXANJVQMbAx1yAXgePQOCGwESERFRWRwBg52foVmaHz1PAQEdSk5IAVRTRJmPVVVRVBsQEFdKQg9RTUJERklQTUVGUw9EUE4QFKCal7lOQlkOpp6gBhMWHKutHRByHwNeAA==

• Not do this complex thing and just let this be sized to 60x50?

Additional question if we do option one: Should min-block-size be taken into account too? If yes, auto should probably resolve to 0 for the purpose of inline sizing.

cc @bfgeek @fantasai