gecko-dev/layout/reftests/high-contrast/backplate-bg-image-009.html
Morgan Reschenberg 81f63c9d2a Bug 1594099: Use the visual overflow area of text-frame descendants (rather than entire lines) to determine the HCM backplate. r=dholbert
The line-box's visual overflow area includes margin/border/padding area on
its descendants, as well as extra empty space for text-indent and text-align.
None of that area contains text & merits a backplate.  So, we can't rely on
the line-box's visual overflow area to determine the backplate -- we have to
actually dig down to find the text frames.

Also, this patch simplifies our suite of backplate reftests in several ways.
Most notably, this patch:
- removes unnecessary backplatable whitespace in the testcase (since that's
  awkward to mock up in the reference case).
- uses a linear-gradient for the background instead of a longer data URI.
- uses the predictably-sized Ahem font inside of tests' form controls.

Differential Revision: https://phabricator.services.mozilla.com/D52065

--HG--
extra : moz-landing-system : lando
2019-12-11 19:19:20 +00:00

31 lines
683 B
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ahem.css" />
<title>Text in a non-native select object that overlaps a background image should be backplated.</title>
<style>
body {
font: 20px Ahem;
}
select {
font: 20px Ahem;
border: 0px;
/* This forces non-native styling */
}
.std {
background-image: linear-gradient(blue, blue);
height: 500px;
}
</style>
</head>
<body>
<div class="std"><!-- no whitespace
-->ppppp<!-- no whitespace
--><select>
<option>ppppp</option>
</select><!-- no whitespace
-->ppppp<!-- no whitespace
--></div>
</body>
</html>