René's URL Explorer Experiment


Title: ng-animate-ref - Clone doesn't copy contextual styling of original · Issue #12402 · angular/angular.js · GitHub

Open Graph Title: ng-animate-ref - Clone doesn't copy contextual styling of original · Issue #12402 · angular/angular.js

X Title: ng-animate-ref - Clone doesn't copy contextual styling of original · Issue #12402 · angular/angular.js

Description: When an ng-animate-ref element is cloned before an animation, I would expect it to look exactly the same as its source element. Instead, when the source element has styling applied because of the specific context it is in (e.g. .context ...

Open Graph Description: When an ng-animate-ref element is cloned before an animation, I would expect it to look exactly the same as its source element. Instead, when the source element has styling applied because of the s...

X Description: When an ng-animate-ref element is cloned before an animation, I would expect it to look exactly the same as its source element. Instead, when the source element has styling applied because of the s...

Opengraph URL: https://github.com/angular/angular.js/issues/12402

X: @github

direct link

Domain: patch-diff.githubusercontent.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"ng-animate-ref - Clone doesn't copy contextual styling of original","articleBody":"When an ng-animate-ref element is cloned before an animation, I would expect it to look exactly the same as its source element. Instead, when the source element has styling applied because of the specific context it is in (e.g. `.context .source-element { background: green; }`), this styling is not applied to the cloned element.\n\nThis makes the animation weird: it first snaps to the styling the .source-element would have when in no context, and then animates to its new context. Example: http://plnkr.co/edit/AXzKmQcE5BUx4NXg4cCS?p=preview. When clicking an element, it first snaps to a blue background, before animating to a black background. I would expect it to animate directly from a green to a black background.\n\nThis can be worked around by simply applying all styling directly to the source element to be animated (e.g. `.source-element-in-context { background: green; }` (see this plunker: http://plnkr.co/edit/Odho9WnoOm9JFv3gzzZl?p=preview), but it makes much more sense to me when angular itself applies all styling of the source element to the cloned element.\n","author":{"url":"https://github.com/dweerd","@type":"Person","name":"dweerd"},"datePublished":"2015-07-22T10:06:41.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5},"url":"https://github.com/12402/angular.js/issues/12402"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:d5b746c3-05bf-1053-52c0-6c9508ed2088
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id9A70:BE940:599A59F:7925579:696E209D
html-safe-nonce421f267e9d1416f12af8d1fd35f477d67e442a8a34b5eb01c08dcb68e469d8e8
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5QTcwOkJFOTQwOjU5OUE1OUY6NzkyNTU3OTo2OTZFMjA5RCIsInZpc2l0b3JfaWQiOiIzOTMzNjMzODIwODcwMTg5MjEzIiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac32bc1e82ec8b0e6cb9a46912f3d45e92bc6bfa47355640abb5f3f1aefe33b304
hovercard-subject-tagissue:96527043
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/angular/angular.js/12402/issue_layout
twitter:imagehttps://opengraph.githubassets.com/7c2eedc8d394fa7c18c18e4df4032e8c9fed1bb4b6737245818c36c8110e375a/angular/angular.js/issues/12402
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/7c2eedc8d394fa7c18c18e4df4032e8c9fed1bb4b6737245818c36c8110e375a/angular/angular.js/issues/12402
og:image:altWhen an ng-animate-ref element is cloned before an animation, I would expect it to look exactly the same as its source element. Instead, when the source element has styling applied because of the s...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamedweerd
hostnamegithub.com
expected-hostnamegithub.com
None2fbe8cba5e260284c10af515699ff9bb2d6ace05ab6c2e2e585b71d93b2812c3
turbo-cache-controlno-preview
go-importgithub.com/angular/angular.js git https://github.com/angular/angular.js.git
octolytics-dimension-user_id139426
octolytics-dimension-user_loginangular
octolytics-dimension-repository_id460078
octolytics-dimension-repository_nwoangular/angular.js
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id460078
octolytics-dimension-repository_network_root_nwoangular/angular.js
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release7fb3bc5c995a876085291706b75cf9b08900c338
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular.js%2Fissues%2F12402
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular.js%2Fissues%2F12402
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=angular%2Fangular.js
Reloadhttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402
Reloadhttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402
Reloadhttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402
angular https://patch-diff.githubusercontent.com/angular
angular.jshttps://patch-diff.githubusercontent.com/angular/angular.js
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fangular.js
Fork 27.3k https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fangular.js
Star 59k https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fangular.js
Code https://patch-diff.githubusercontent.com/angular/angular.js
Issues 389 https://patch-diff.githubusercontent.com/angular/angular.js/issues
Pull requests 72 https://patch-diff.githubusercontent.com/angular/angular.js/pulls
Actions https://patch-diff.githubusercontent.com/angular/angular.js/actions
Projects 0 https://patch-diff.githubusercontent.com/angular/angular.js/projects
Wiki https://patch-diff.githubusercontent.com/angular/angular.js/wiki
Security Uh oh! There was an error while loading. Please reload this page. https://patch-diff.githubusercontent.com/angular/angular.js/security
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402
Insights https://patch-diff.githubusercontent.com/angular/angular.js/pulse
Code https://patch-diff.githubusercontent.com/angular/angular.js
Issues https://patch-diff.githubusercontent.com/angular/angular.js/issues
Pull requests https://patch-diff.githubusercontent.com/angular/angular.js/pulls
Actions https://patch-diff.githubusercontent.com/angular/angular.js/actions
Projects https://patch-diff.githubusercontent.com/angular/angular.js/projects
Wiki https://patch-diff.githubusercontent.com/angular/angular.js/wiki
Security https://patch-diff.githubusercontent.com/angular/angular.js/security
Insights https://patch-diff.githubusercontent.com/angular/angular.js/pulse
#14366https://github.com/angular/angular.js/pull/14366
ng-animate-ref - Clone doesn't copy contextual styling of originalhttps://patch-diff.githubusercontent.com/angular/angular.js/issues/12402#top
#14366https://github.com/angular/angular.js/pull/14366
component: ngAnimatehttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22component%3A%20ngAnimate%22
frequency: lowhttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22frequency%3A%20low%22
severity: inconvenienthttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22severity%3A%20inconvenient%22
type: bughttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22type%3A%20bug%22
Backlog - won't fixhttps://github.com/angular/angular.js/milestone/27
https://github.com/dweerd
https://github.com/dweerd
dweerdhttps://github.com/dweerd
on Jul 22, 2015https://github.com/angular/angular.js/issues/12402#issue-96527043
http://plnkr.co/edit/AXzKmQcE5BUx4NXg4cCS?p=previewhttp://plnkr.co/edit/AXzKmQcE5BUx4NXg4cCS?p=preview
http://plnkr.co/edit/Odho9WnoOm9JFv3gzzZl?p=previewhttp://plnkr.co/edit/Odho9WnoOm9JFv3gzzZl?p=preview
component: ngAnimatehttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22component%3A%20ngAnimate%22
frequency: lowhttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22frequency%3A%20low%22
severity: inconvenienthttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22severity%3A%20inconvenient%22
type: bughttps://github.com/angular/angular.js/issues?q=state%3Aopen%20label%3A%22type%3A%20bug%22
Backlog - won't fixNo due datehttps://github.com/angular/angular.js/milestone/27
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.