Skip to content

Commit

Permalink
Bug 1867540 [wpt PR 43453] - Apply edge to position value for 'round'…
Browse files Browse the repository at this point in the history
… repeating background-images, a=testonly

Automatic update from web-platform-tests
Apply edge to position value for 'round' repeating background-images

When background-repeat (x or y) is 'round', then the computed position
did not adjust for a specified edge ('bottom' or 'right').

Fixed: 1506537
Change-Id: Icf9a8b59e61d5e320ce3a3aae7b71bcae040e45c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5077037
Commit-Queue: Stephen Chenney <schenneychromium.org>
Auto-Submit: Fredrik Söderquist <fsopera.com>
Reviewed-by: Stephen Chenney <schenneychromium.org>
Cr-Commit-Position: refs/heads/main{#1231316}

--

wpt-commits: 3262b0f5bc9b184d4ac601659ba37945839a443e
wpt-pr: 43453

UltraBlame original commit: d0ffae1a75075cd80f3393719dcd03eed8ccc884
  • Loading branch information
marco-c committed Dec 16, 2023
1 parent 1a3ef77 commit 6dd00d0
Show file tree
Hide file tree
Showing 2 changed files with 292 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,189 @@
<
!
doctype
html
>
<
title
>
background
-
position
with
'
bottom
'
and
'
right
'
edge
keywords
with
background
-
repeat
'
round
'
<
/
title
>
<
link
rel
=
"
help
"
href
=
"
https
:
/
/
drafts
.
csswg
.
org
/
css
-
backgrounds
/
#
background
-
position
"
>
<
link
rel
=
"
help
"
href
=
"
https
:
/
/
drafts
.
csswg
.
org
/
css
-
backgrounds
/
#
background
-
repeat
"
>
<
link
rel
=
"
match
"
href
=
"
reference
/
background
-
position
-
bottom
-
right
-
repeat
-
round
-
ref
.
html
"
>
<
style
>
#
target
{
width
:
100px
;
height
:
100px
;
background
-
image
:
linear
-
gradient
(
45deg
lime
green
)
;
background
-
repeat
:
round
;
background
-
size
:
51px
51px
;
background
-
position
:
right
25
%
bottom
25
%
;
}
<
/
style
>
<
div
id
=
"
target
"
>
<
/
div
>
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<
!
doctype
html
>
<
title
>
background
-
position
with
'
bottom
'
and
'
right
'
edge
keywords
with
background
-
repeat
'
round
'
(
reference
)
<
/
title
>
<
style
>
#
target
{
width
:
100px
;
height
:
100px
;
background
-
image
:
linear
-
gradient
(
45deg
lime
green
)
;
background
-
repeat
:
round
;
background
-
size
:
51px
51px
;
background
-
position
:
left
75
%
top
75
%
;
}
<
/
style
>
<
div
id
=
"
target
"
>
<
/
div
>

0 comments on commit 6dd00d0

Please sign in to comment.