forked from mirrors/gecko-dev
a51f251359
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=198032 -- wpt-commits: 61bbe18a5c741be1999231cfaea8f2c6b7a28529 wpt-pr: 17825
30 lines
849 B
HTML
30 lines
849 B
HTML
<!DOCTYPE html>
|
|
<title>CSS Test: check precedence between min-width and max-width</title>
|
|
<link rel="help" href="https://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
|
|
<meta name="assert" content="Test that the used value of 'width' is resolved properly." />
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
.tooltip {
|
|
height: 68px;
|
|
position: relative;
|
|
max-width: 200px;
|
|
min-width: 260px;
|
|
background-color: red;
|
|
}
|
|
|
|
#outer {
|
|
background-color: blue;
|
|
position: absolute;
|
|
height: 136px;
|
|
}
|
|
</style>
|
|
|
|
<div id="outer">
|
|
<div id="inner" class="tooltip" role="tooltip"></div>
|
|
</div>
|
|
<script>
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.querySelector("#outer")).width, '260px');
|
|
}, "When used value is resolved, min-width should win over max-width");
|
|
</script>
|