Open Bug 1834877 Opened 2 years ago Updated 25 days ago

[css-display] allow 'display' to be animated; and when an animation produces display:none, it should continue to run, but still cancel animations within that subtree

Categories

(Core :: CSS Transitions and Animations, defect)

Product:
Core
Component:
CSS Transitions and Animations
Type:
defect

Tracking

()

Project Flags:
Size Estimate M

People

(Reporter: mozilla-apprentice, Unassigned)

References

(Depends on 1 open bug, Blocks 9 open bugs)

Details

(Keywords: parity-chrome, parity-safari, webcompat:platform-bug, Whiteboard: [platform-feature][webcompat:risk-moderate])

User Story

web-feature: display-animation
user-impact-score:12

Attachments

(1 file)

WIP: Bug 1834877 - Allow display to be animated.
48 bytes, text/x-phabricator-request
Details | Review

A resolution was made for csswg-drafts/#6429.

[css-display] Why is display listed as not animatable instead of animation type: discrete?

  • RESOLVED: When an animations produces display none it continues to run but it still cancels animations within that subtree.

Discussion.

Component: Layout → CSS Transitions and Animations
Summary: [css-display] Why is display listed as not animatable instead of animation type: discrete? → [css-display] When an animations produces display:none, it should continue to run, but still cancel animations within that subtree
Summary: [css-display] When an animations produces display:none, it should continue to run, but still cancel animations within that subtree → [css-display] When an animation produces display:none, it should continue to run, but still cancel animations within that subtree

updating bug title to get to the more fundamental change here, which is allowing display to be animated.

Summary: [css-display] When an animation produces display:none, it should continue to run, but still cancel animations within that subtree → [css-display] allow 'display' to be animated; and when an animation produces display:none, it should continue to run, but still cancel animations within that subtree
Depends on: 1264396
Blocks: 1882408
Blocks: 1905553
Blocks: 1908291
Blocks: 1912426
Duplicate of this bug: 1916200

Is the backdrop not animating in when clicking the button here (contrary to what it does in chrome) part of this bug? https://codepen.io/depict_daniel/pen/XWvmPee

I don't think so... I think the main issue is bug 1770591 (::backdrop is right now not a proper element, so I don't think we can target animations to it).

See Also: → 536454
Duplicate of this bug: 1929819
Duplicate of this bug: 1932254
Whiteboard: webcompat:risk-moderate
See Also: → 1941651
Size Estimate: --- → M
Duplicate of this bug: 1974364
User Story: (updated)
Whiteboard: webcompat:risk-moderate → [platform-feature][webcompat:risk-moderate]
Blocks: 2012407
Blocks: 2012411
User Story: (updated)
User Story: (updated)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: