René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"FormattedString inside Button has wrong background color after animation","articleBody":"### Did you verify this is a real problem by searching [Stack Overflow](http://stackoverflow.com/questions/tagged/nativescript) and the [other open issues in this repo](https://github.com/NativeScript/nativescript/issues)?\r\nYes, I did not found any.\r\n\r\n### Tell us about the problem\r\nWhen using `Button` with `FormattedString` inside it and the background color of the `Button` is changed via animation, the background color of the `FormattedString` is not changed.\r\n![obrazek](https://user-images.githubusercontent.com/13091524/31463189-22115790-aecf-11e7-8429-3f6f17f294fe.png)\r\n\r\n### Which platform(s) does your issue occur on?\r\nAndroid\r\n\r\n### Please provide the following version numbers that your issue occurs with:\r\n- CLI: 3.2.1\r\n- Cross-platform modules: 3.1.1\r\n- Runtime(s): 3.2.0\r\n- Plugin(s):\r\n```\r\n\"dependencies\": {\r\n    \"@angular/animations\": \"~4.2.0\",\r\n    \"@angular/common\": \"~4.2.0\",\r\n    \"@angular/compiler\": \"~4.2.0\",\r\n    \"@angular/core\": \"~4.2.0\",\r\n    \"@angular/forms\": \"~4.2.0\",\r\n    \"@angular/http\": \"~4.2.0\",\r\n    \"@angular/platform-browser\": \"~4.2.0\",\r\n    \"@angular/router\": \"~4.2.0\",\r\n    \"nativescript-angular\": \"~4.2.0\",\r\n    \"nativescript-theme-core\": \"~1.0.2\",\r\n    \"reflect-metadata\": \"~0.1.8\",\r\n    \"rxjs\": \"~5.4.2\",\r\n    \"tns-core-modules\": \"~3.1.0\",\r\n    \"zone.js\": \"~0.8.2\"\r\n  }\r\n```\r\nThis problem was not occuring with the cross-platform modules **3.0.0** and android runtime **3.1.1**.\r\n\r\n### Please tell us how to recreate the issue in as much detail as possible.\r\nReproduced behavior in playground: https://play.nativescript.org/?id=8cArU2Fb8w0jPjDWXtvV0\r\n\r\n1. Create new {N} application: `tns create MyApp --ng`\r\n2. Add `Button` with `FormattedString` in it\r\n3. Animate the background color of the button\r\n4. The background color of the `FormattedString` is not changed\r\n\r\n### Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.\r\nview:\r\n```\r\n\u003cButton\u003e\r\n  \u003cFormattedString\u003e\r\n    \u003cSpan text=\"button text\"\u003e\u003c/Span\u003e\r\n  \u003c/FormattedString\u003e\r\n\u003c/Button\u003e\r\n```\r\ncss:\r\n```\r\nButton {\r\n    background-color: green;\r\n    animation-name: button-highligh;\r\n    animation-duration: 1s;\r\n    animation-fill-mode: forwards;\r\n}\r\n\r\n@keyframes button-highligh {\r\n    from { background-color: green; }\r\n    to { background-color: blue; }\r\n}\r\n```\r\n\r\n\u003cbountysource-plugin\u003e\r\n\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/50183449-formattedstring-inside-button-has-wrong-background-color-after-animation?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github).\r\n\u003c/bountysource-plugin\u003e","author":{"url":"https://github.com/doumr","@type":"Person","name":"doumr"},"datePublished":"2017-10-11T19:59:55.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":9},"url":"https://github.com/4938/NativeScript/issues/4938"}