New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 610627 link

Starred by 7 users
Status: Available
Owner: ----
Cc:
█ kavvaru@chromium.org
futhark@chromium.org
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

implement background-position-x/-y two-value syntax

Reported by yio...@gmail.com, May 10 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36

Steps to reproduce the problem:
We must be support two-value syntax (support for offsets from any edge).

e.g.

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

What is the expected behavior?

What went wrong?
/

Did this work before? N/A 

Chrome version: 50.0.2661.86  Channel: canary
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0

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

Comment 1 by yio...@gmail.com, May 10 2016 

Browser compatibility

Firefox 49 Yes
IE 9 Yes
Edge Yes
Chrome No
Opera 12.1 No

Comment 2 by kavvaru@chromium.org, May 11 2016

Cc: kavvaru@chromium.org
Components: Platform>DevTools
Labels: Needs-Feedback
Thanks for the issue.

Could you please provide us the repro steps and expected results to triage the issue from test team end.

Thanks,

Comment 3 by yio...@gmail.com, Jun 8 2016 

Repro steps:

Open

data:text/html;charset=utf-8,<div style="border: 1px solid #666; width: 100px; height: 100px; background: linear-gradient(green, lightgreen); background-size: 50px 50px; background-repeat-x: no-repeat; background-repeat-y: repeat;"></div>
expected(Firefox 49).png
3.5 KB View Download
Project Member

Comment 5 by sheriffbot@chromium.org, Jun 8 2016

Labels: -Needs-Feedback Needs-Review
Owner: kavvaru@chromium.org
Thank you for providing more feedback. Adding requester "kavvaru@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 6 by kavvaru@chromium.org, Jun 14 2016

Components: -Platform>DevTools Blink
Labels: -Needs-Review Needs-Feedback
Owner: ----
Thanks for the update.

Tested the issue on windows 7 using chrome version 51.0.2704.84 and observed the attached results of both Firefox and Chrome.
Please find the attached screen shot and confirm the expected behaviour to triage the issue further.

Thanks,
610627.png
112 KB View Download

Comment 7 by tkent@chromium.org, Jun 19 2016

Components: -Blink Blink>CSS

Comment 8 by durga.behera@chromium.org, Aug 3 2016 

yiorsi@ Could you please review the above comment # 6 and update further to triage it.

Comment 9 by dstockwell@chromium.org, Oct 19 2016

Status: WontFix (was: Unconfirmed)
Needs-Feedback and no reply for more than 2 weeks.

Comment 10 by lion...@gmail.com, Nov 23 

longhands syntax still not working in chrome 72

will this be fixed?

Comment 11 Deleted

Comment 12 by yio...@gmail.com, Nov 28 

@durga.behera I'm sorry, the test case was written incorrectly. Please use this: https://bug-157511-attachments.webkit.org/attachment.cgi?id=278575

Comment 13 by yio...@gmail.com, Nov 28

Chrome VS Firefox.png
261 KB View Download
Chrome Devtools.png
120 KB View Download

Comment 14 by chaopeng@chromium.org, Nov 28

Labels: -Needs-Feedback
Status: Untriaged (was: WontFix)
I can reproduce with https://bug-157511-attachments.webkit.org/attachment.cgi?id=278575

on stable channel.

Please re-triage
Screen Shot 2018-11-27 at 22.48.27.png
537 KB View Download

Comment 15 by e...@chromium.org, Dec 3

Cc: futhark@chromium.org
Status: Available (was: Untriaged)
►

Sign in to add a comment