Bug 111925 – max-height property overlaped by a min-height

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

[Nico]

if an identified element has a max-height value it will be overlaped if the class has a min-height

Exemple :

The div#max will be 30px height

CSS :

.min {
min-height:30px;
}

#max {
max-height:10px;
}

HTML

<div id="max" class="min">
test
</div>

[Ahmad Saleem]

I changed the test case to following JSFiddle - https://jsfiddle.net/t1Lhdqay/show

All browsers (Chrome Canary 106, Firefox Nightly 104 and Safari 15.6 on macOS 12.5) render the "test" as 10px rather than 30px.

Since all browsers are in consensus, should be considered as "RESOLVED WONTFIX" or "RESOLVED INVALID" unless it is something wrong based on Web-spec? Thanks!

[zalan]

(In reply to Ahmad Saleem from comment #1)
> I changed the test case to following JSFiddle -
> https://jsfiddle.net/t1Lhdqay/show
> 
> All browsers (Chrome Canary 106, Firefox Nightly 104 and Safari 15.6 on
> macOS 12.5) render the "test" as 10px rather than 30px.
> 
> Since all browsers are in consensus, should be considered as "RESOLVED
> WONTFIX" or "RESOLVED INVALID" unless it is something wrong based on
> Web-spec? Thanks!
Thanks!