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.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4