W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2019

Re: [csswg-drafts] [css-backgrounds] background-size: cover spec seems to not reflect implementations (#4049)

From: Emilio Cobos Álvarez via GitHub <sysbot+gh@w3.org>
Date: Sat, 22 Jun 2019 10:15:05 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-504652183-1561198504-sysbot+gh@w3.org>
> I'd say that this—not drawing a cover-sized image if one dimension of the reference box is 0—is a Firefox bug. (Sorry.)

No need to be sorry. To be clear I agree with this and the bug is fixed already. What I don't understand (and this may be me not properly understanding something subtle of the spec sentence) is what makes my first example any different from:

```html
<!doctype html>
<style>
body { margin: 0 }
.test {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  background-origin: content-box;
  /* 2x1 red background */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAH0AQMAAACU5pVuAAAAA1BMVEX/IyMFLA8kAAAAVElEQVR42u3BMQEAAADCoPVPbQZ/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+A/YYAAHqybvmAAAAAElFTkSuQmCC);
  width: 0;
  height: 100px;
  padding-left: 100px;
}
</style>
<div class="test"></div>
```

Which all browsers agree to render blank. The only difference here is which axis of the positioning area is zero.

-- 
GitHub Notification of comment by emilio
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4049#issuecomment-504652183 using your GitHub account
Received on Saturday, 22 June 2019 10:15:06 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:10 UTC