Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

backdrop: animation transition not working when "ng-app" is on html and not body #11698

Open
maxprin opened this issue Apr 1, 2019 · 2 comments
Open

backdrop: animation transition not working when "ng-app" is on html and not body #11698

maxprin opened this issue Apr 1, 2019 · 2 comments
Assignees
@Splaktar
Labels
hotlist: animations needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community P3: important Important issues that really should be fixed when possible. type: bug
Milestone
- Backlog

Comments

@maxprin
Copy link

maxprin commented Apr 1, 2019

Same issue as listed here: #10439

CodePen and steps to reproduce the issue:

Working md-backdrop animation with "ng-app=" in the body tag:
https://codepen.io/maxprin/pen/WWbMqz

Animation not working with same configuration except "ng-app=" in html tag:
https://codepen.io/maxprin/pen/MRYVbx

I've increased the transition opacity to 2seconds in both Pens to clearly show the different behavior.

Which versions of AngularJS, Material, OS, and browsers are affected?

  • AngularJS: 1.7.8
  • AngularJS Material: 1.1.14
  • OS:
  • Browsers:
@Splaktar Splaktar changed the title md-backdrop animation transition not working when "ng-app=" is in <html> and not in <body> backdrop: animation transition not working when "ng-app" is on html and not body Apr 1, 2019
@Splaktar Splaktar added hotlist: animations type: bug needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community labels Apr 1, 2019
@Splaktar
Copy link
Member

Splaktar commented Apr 1, 2019

OK, the issue is the fade in of the grey semi-transparent backdrop?
For <html ng-app> it just appears w/o any animation as far as I can see.

@Splaktar Splaktar added this to the 1.1.19 milestone Apr 1, 2019
@Splaktar Splaktar self-assigned this Apr 1, 2019
@Splaktar Splaktar added the P3: important Important issues that really should be fixed when possible. label Apr 1, 2019
@maxprin
Copy link
Author

maxprin commented Apr 2, 2019

Correct, that's the issue. Thank you for looking into it!

@Splaktar Splaktar modified the milestones: 1.1.19, 1.1.21 May 30, 2019
@Splaktar Splaktar modified the milestones: 1.1.21, 1.1.22 Aug 15, 2019
@Splaktar Splaktar modified the milestones: 1.1.22, 1.1.23 Oct 22, 2019
@Splaktar Splaktar modified the milestones: 1.1.23, 1.2.1 May 6, 2020
@Splaktar Splaktar modified the milestones: 1.2.1, 1.2.2 Sep 14, 2020
@Splaktar Splaktar modified the milestones: 1.2.2, - Backlog Dec 17, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@Splaktar Splaktar

Labels
hotlist: animations needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community P3: important Important issues that really should be fixed when possible. type: bug
Projects
None yet
Milestone
- Backlog
Development

No branches or pull requests
2 participants
@Splaktar @maxprin