Bug 157511 - Implement CSS background-position-x/-y edge offsets
Summary: Implement CSS background-position-x/-y edge offsets
Status: RESOLVED DUPLICATE of bug 202148
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified OS X 10.11
: P2 Normal
Assignee: Simon Fraser (smfr)
URL: https://drafts.csswg.org/css-backgrou...
Keywords: WebExposed
Depends on:
Blocks:
 
Reported: 2016-05-10 02:27 PDT by yisibl
Modified: 2022-07-15 08:59 PDT (History)
5 users (show)

See Also:

Attachments
Testcase (708 bytes, text/html)
2016-05-10 21:23 PDT, Simon Fraser (smfr) 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description yisibl 2016-05-10 02:27:48 PDT 
We must be support two-value syntax and edge offsets for background-position-x/-y.

e.g.

background-position-x: right 30px;
background-position-x: -95px, center, right 30px, ...;

Spec: https://drafts.csswg.org/css-backgrounds-4/#background-position-longhands

MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position-x
https://developer.mozilla.org/en-US/docs/Web/CSS/background-position-y

Browser compatibility

Firefox 49 Yes
IE 9 Yes
Edge Yes
Chrome No
Opera 12.1 No
Comment 1 Simon Fraser (smfr) 2016-05-10 21:23:20 PDT 
Created attachment 278575 [details]
Testcase
Comment 2 yisibl 2016-05-10 22:06:06 PDT 
(In reply to comment #1)
> Created attachment 278575 [details]
> Testcase

Can you fix the same problem with blink?
https://bugs.chromium.org/p/chromium/issues/detail?id=610627
Comment 3 Brent Fulgham 2022-07-14 15:43:12 PDT 
Gecko and WebKit now handle this properly. Chrome still does not.
Comment 4 Tim Nguyen (:ntim) 2022-07-15 08:59:58 PDT 
Duplicate of bug 202148

*** This bug has been marked as a duplicate of bug 202148 ***