René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Animation of transition rotate not working","articleBody":"### Issue Description\n\nAnimation of transition rotate does not work on iOS, when using NativeScript \u003e= 8.9.0.\nThis happens when using css keyframe animation or when using the Animation class.\nWe are only developing for iOS, I do not know if this is an issue on Android.\nAnimating other properties works as expected.\n\nAlso fails on latest pre-release: 8.9.3-next-07-11-2025-16231435223\n\nLowering @nativescript/core to 8.8.6 fixes the problem.\n\nThank You to anyone who can look into this and save our spinny.\n\n### Reproduction\n\nThis works:\n```scss\n@keyframes move {\n  from {\n    transform: translate(0, 0);\n  }\n  to {\n    transform: translate(100, 100);\n  }\n}\n\n.move {\n  animation: move 2s linear infinite forwards;\n}\n```\n\nThis fails (nothing happens):\n\n```scss\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n.spin {\n  animation: spin 2s linear infinite forwards;\n}\n```\n\nAs mentioned above, this also fails (nothing happens), but animating other properties work:\n```\nconst spinAnimation = new Animation([{\n  target: this.iconEl.nativeElement,\n  rotate: 359,\n  duration: 2000,\n  iterations: Number.POSITIVE_INFINITY,\n  curve: CoreTypes.AnimationCurve.linear\n}]);\n\nspinAnimation.play();\n```\n\n### Relevant log output (if applicable)\n\n```shell\n\n```\n\n### Environment\n\n```yaml\nOS: macOS 15.5\nCPU: (8) arm64 Apple M2\nShell: /opt/homebrew/bin/zsh\nnode: 22.13.1\nnpm: 11.0.0\nnativescript: 8.9.2\n\n# android\njava: Not Found\nndk: Not Found\napis: Not Found\nbuild_tools: Not Found\nsystem_images: Not Found\n\n# ios\nxcode: 16.3/16E140\ncocoapods: 1.14.3\npython: 3.10.18\npython3: 3.10.18\nruby: 3.2.2\nplatforms:\n  - DriverKit 24.4\n  - iOS 18.4\n  - macOS 15.4\n  - tvOS 18.4\n  - visionOS 2.4\n  - watchOS 11.4\n```\n\n### Dependencies\n\n```json\n\"dependencies\": {\n  \"@angular/animations\": \"~20.1.0\",\n  \"@angular/common\": \"~20.1.0\",\n  \"@angular/compiler\": \"~20.1.0\",\n  \"@angular/core\": \"~20.1.0\",\n  \"@angular/forms\": \"~20.1.0\",\n  \"@angular/platform-browser\": \"~20.1.0\",\n  \"@angular/platform-browser-dynamic\": \"~20.1.0\",\n  \"@angular/router\": \"~20.1.0\",\n  \"@nativescript-community/drawingpad\": \"^4.1.0\",\n  \"@nativescript-community/sentry\": \"~4.6.40\",\n  \"@nativescript-community/ui-label\": \"^1.3.33\",\n  \"@nativescript/angular\": \"20.0.0\",\n  \"@nativescript/background-http\": \"^6.0.2\",\n  \"@nativescript/camera\": \"^7.0.0\",\n  \"@nativescript/core\": \"8.9.2\",\n  \"@nativescript/directions\": \"^2.0.2\",\n  \"@nativescript/email\": \"^2.1.0\",\n  \"@nativescript/firebase\": \"^11.1.3\",\n  \"@nativescript/iqkeyboardmanager\": \"^2.1.2\",\n  \"@nativescript/pdf\": \"^2.0.0\",\n  \"@nativescript/theme\": \"~3.1.0\",\n  \"@nativescript/unit-test-runner\": \"^3.0.4\",\n  \"base-64\": \"^1.0.0\",\n  \"jwt-decode\": \"^4.0.0\",\n  \"nativescript-extendedinfo\": \"^1.0.11\",\n  \"nativescript-numeric-keyboard\": \"^5.0.2\",\n  \"nativescript-phone\": \"^3.0.3\",\n  \"nativescript-sqlite\": \"^2.8.6\",\n  \"nativescript-taptic-engine\": \"^2.1.0\",\n  \"nativescript-ui-listview\": \"^15.2.3\",\n  \"nativescript-ui-sidedrawer\": \"^15.2.3\",\n  \"rxjs\": \"^7.8.2\",\n  \"zone.js\": \"~0.15.1\"\n},\n\"devDependencies\": {\n  \"@angular-devkit/build-angular\": \"~20.1.0\",\n  \"@angular/compiler-cli\": \"~20.1.0\",\n  \"@nativescript/ios\": \"8.9.2\",\n  \"@nativescript/types\": \"~8.9.1\",\n  \"@nativescript/webpack\": \"~5.0.24\",\n  \"@ngtools/webpack\": \"~20.1.0\",\n  \"@sentry/webpack-plugin\": \"^3.5.0\",\n  \"@types/jasmine\": \"5.1.8\",\n  \"copy-webpack-plugin\": \"^13.0.0\",\n  \"fs-extra\": \"^11.3.0\",\n  \"karma\": \"6.4.4\",\n  \"karma-jasmine\": \"5.1.0\",\n  \"karma-mocha-reporter\": \"^2.2.5\",\n  \"karma-nativescript-launcher\": \"1.0.0\",\n  \"karma-spec-reporter\": \"^0.0.36\",\n  \"typescript\": \"~5.8.3\"\n}\n```\n\n### Please accept these terms\n\n- [x] I have searched the [existing issues](https://github.com/NativeScript/NativeScript/issues) as well as [StackOverflow](https://stackoverflow.com/questions/tagged/nativescript) and this has not been posted before\n- [x] This is a bug report\n- [x] I agree to follow this project's [Code of Conduct](https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#coc)","author":{"url":"https://github.com/jpakulski","@type":"Person","name":"jpakulski"},"datePublished":"2025-07-14T06:44:38.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/10764/NativeScript/issues/10764"}