Re: [csswg-drafts] [css-values-4] Way to set height, max-height, min-height relative to width (#5461)

Can we go a little more deeply with this discussion? I think this is an important gap in the spec.

As I get it right, you must be able to use the length units in every context, while some specific property value may be invalid in some context. Am I right?

Is it possible for such a sizing to exist in other spec part? For example the percentage sizing section has specific rules about how to resolve cyclic dependencies:

Also it specifically says: 
> Otherwise, the percentage is resolved against the containing block’s size. (The containing block’s size is not re-resolved based on the resulting size of the box; the contents might thus overflow or underflow the containing block).

I believe there *is* a solution to connecting width and height in design in *any* way. Some ideas:
1. A sizing similar to the existing percent sizing with the same fallback mechanism already worked out
2. Having variables that can be referred to: for example the 4 auto-determined sizes: and in any context in which the requested value is not available, it would resolve to some fallback value.
3. Additional keywords added to specific properties, just like fit-content(<length percentage>)

Also there are existing cases where either the width depends on height or vice versa:
1. boxes with an intrinsic aspect ratio:
2. All vertical box properties except height, and especially the padding affects the height of the box if the `box-sizing` is set to `border-box`

My motivation is not to resolve that specific example. The problem I spotted that when I needed a solution to set height/min-height/max-height using *any* value that depends on width (it doesn't really matters if it's the box itself or the containing box, or the preferred width or the real width), I found nothing, but hacks (and vw of course). The `aspect-ratio` is a great property for that specific things, however it doesn't work (or very tricky) if a developer want to set min-size or max-size. I think in the CSS of the future there should be less hacks and more convenient solutions.

GitHub Notification of comment by ferenci84
Please view or discuss this issue at using your GitHub account

Sent via github-notify-ml as configured in

Received on Friday, 21 August 2020 18:50:29 UTC