wpt / css / css-sizing / min-content-negative-margin-inline-crash.html

Status: PASS | Duration: 3ms | Subtests: 1/1 | Open test on wpt.live | wpt.fyi

TestTest Source

/css/css-sizing/min-content-negative-margin-inline-crash.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: min-content with negative margins cancelling inline sizes must not crash</title>

<!-- Span with padding followed by a different span with negative margin -->
<div style="width:min-content">
  <span style="padding-left:50px;"></span><span style="margin-left:-50px;"></span>text content here
</div>

<!-- Border variant -->
<div style="width:min-content">
  <span style="border-left:50px solid transparent;"></span><span style="margin-left:-50px;"></span>text content here
</div>

<!-- padding-right + negative margin-left on next element -->
<div style="width:min-content">
  <span style="padding-right:50px;"></span><span style="margin-left:-50px;"></span>text content here
</div>

<!-- Multiple cancellations -->
<div style="width:min-content">
  <span style="padding-left:30px;"></span><span style="padding-left:20px;"></span><span style="margin-left:-50px;"></span>text
</div>

<!-- Long word variant -->
<div style="width:min-content">
  <span style="padding-left:50px;"></span><span style="margin-left:-50px;"></span>longwordwithoutbreaks
</div>