Skip to content

Commit 5caeb41

Browse files
committed
[scroll-animations-1] Remove 'view-timeline-fit'. w3c#7044
1 parent a45a818 commit 5caeb41

File tree

1 file changed

+2
-58
lines changed

1 file changed

+2
-58
lines changed

scroll-animations-1/rewrite.bs

Lines changed: 2 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -519,72 +519,16 @@ spec: cssom-view-1; type: dfn;
519519

520520
ISSUE: Do we need all the longhands? Seems like overkill...
521521

522-
### Fit of a View Progress Timeline: the 'view-timeline-fit' property ### {#view-timeline-fit}
523-
524-
<pre class='propdef'>
525-
Name: view-timeline-fit
526-
Value: [ cover | contain | <<percentage>> ]#
527-
Initial: cover
528-
Applies to: all elements
529-
Inherited: no
530-
Percentages: corresponding dimension of the box
531-
Computed value: a list of the specified keyword or <<percentage>> values
532-
Animation type: by computed value type
533-
</pre>
534-
535-
Specifies whether the in-view timeline is measured from the moment
536-
any part of the box comes into view until all parts leave it
537-
(''view-timeline-fit/cover'' or ''0%'')
538-
or whether it is measured from the moment
539-
all parts of the box come into view until any part leaves it
540-
(''view-timeline-fit/contain'' or ''100%'').
541-
542-
<dl dfn-for=view-timeline-fit dfn-type=value>
543-
<dt><dfn>cover</dfn>
544-
<dd>
545-
Computes to 0%.
546-
547-
<dt><dfn>contain</dfn>
548-
<dd>
549-
Computes to 100%.
550-
551-
<dt><dfn><<length-percentage>></dfn>
552-
Like 'scroll-padding',
553-
defines an inward offset from the corresponding edge of the scrollport.
554-
</dl>
555-
556-
<div class=issue>
557-
Some animations want to run
558-
while the element is entering or exiting the scrollport,
559-
rather than during the time of its visibility.
560-
We should add some way to reference these intervals.
561-
562-
Possible ideas:
563-
564-
* Automatically generate entrance and exit timeline names
565-
for each named view timeline,
566-
e.g. ''view-timeline: foo'' also creates ''foo-enter'' and ''foo-exit'' timelines.
567-
* Create an automagic value for 'view-timeline-fit'
568-
that pins 25% to the point when 100% of the box has just become visible
569-
and 75% to the point when it is just about to be cropped.
570-
(Such a timeline would not be linearly related to the scroll progress.)
571-
</div>
572-
573-
If 'view-timeline-name' has more names than 'view-timeline-fit' has values,
574-
the excess timelines use the last 'view-timeline-fit' value.
575-
If 'view-timeline-name' has fewer names than 'view-timeline-axis' has specified axes,
576-
the used 'view-timeline-fit' list is truncated.
577-
578522
### View Timeline Shorthand: the 'view-timeline' shorthand ### {#view-timeline-shorthand}
579523

580524
<pre class='propdef shorthand'>
581525
Name: view-timeline
582-
Value: [ <<'view-timeline-fit'>> || <<'view-timeline-axis'>> || <<'view-timeline-name'>> ]#
526+
Value: [ <<'view-timeline-name'>> || <<'view-timeline-axis'>> ]#
583527
Applies to: all elements
584528
</pre>
585529

586530
This property is a [=shorthand=] for setting
587-
'view-timeline-name', 'view-timeline-axis', and 'view-timeline-fit'
531+
'view-timeline-name' and 'view-timeline-axis'
588532
in a single declaration.
589533
It does not set 'view-timeline-inset'.
590534

0 commit comments

Comments
 (0)