René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Android: Crash with \"markingMode: none\" and \"ngFor\" with binding","articleBody":"_From @jpierront on March 4, 2019 13:47_\n\n**Environment**\r\n - CLI: 5.2.0\r\n - Cross-platform modules: 5.2.2\r\n - Android Runtime: 5.2.1\r\n\r\n**Describe the bug**\r\n- With \"markingMode: none\", errors \"Attempt to use cleared object reference\" occur when I change the background color of an element in my app with a css class name. ([class.element-active]=\"...\")\r\n- It doesn't seems to happen when I change the color or the opacity, only the background-color.\r\n- It doesn't seems to happen when I use \"[style.background-color]=...\"\r\n- My app freeze too often without the \"markingMode: none\"\r\n\r\nI don't know if it's related to NativeScript or NativeScript-Angular\r\n\r\n**To Reproduce**\r\n- I did not succeed in reproducing it on a blank app, but the garbage collector is probably less often triggered with an empty app.\r\n\r\nDo you have any tips to help test this kind of case?\r\n\r\n**Expected behavior**\r\nNo crash ;-)\r\n\r\n**Sample project**\r\n```\r\nexport class MyComponent {\r\n    public activeElement: Element | null = null;\r\n    public elements: Element[] = [...];\r\n}\r\n```\r\n```\r\n.element {\r\n    background-color: white;\r\n}\r\n.element-active {\r\n    background-color: red;\r\n}\r\n```\r\n```\r\n\u003cLabel\r\n    [text]=\"element.title\"\r\n    (tap)=\"activeElement = element\"\r\n    class=\"element\"\r\n    [class.element-active]=\"element === activeElement\"\r\n    *ngFor=\"let element of elements\"\r\n\u003e\u003c/Label\u003e\r\n```\r\n**Additional context**\r\n\r\n```\r\nERROR Error: com.tns.NativeScriptException: Attempt to use cleared object reference id=4370\r\n    com.tns.Runtime.getJavaObjectByID(Runtime.java:1006)\r\n    com.tns.Runtime.callJSMethodNative(Native Method)\r\n    com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1203)\r\n    com.tns.Runtime.callJSMethodImpl(Runtime.java:1083)\r\n    com.tns.Runtime.callJSMethod(Runtime.java:1070)\r\n    com.tns.Runtime.callJSMethod(Runtime.java:1050)\r\n    com.tns.Runtime.callJSMethod(Runtime.java:1042)\r\n    com.tns.gen.java.lang.Object_vendor_177265_32_TouchListenerImpl.onTouch(Object_vendor_177265_32_TouchListenerImpl.java:18)\r\n    android.view.View.dispatchTouchEvent(View.java:11772)\r\n    android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2968)\r\n    android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2657)\r\n    android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2968)\r\n    android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2657)\r\n    android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.j...\r\n\r\nERROR CONTEXT {\r\n  \"view\": {\r\n    \"def\": {\r\n      \"nodeFlags\": 9125889,\r\n      \"rootNodeFlags\": 1,\r\n      \"nodeMatchedQueries\": 0,\r\n      \"flags\": 0,\r\n      \"nodes\": [\r\n        {\r\n          \"nodeIndex\": 0,\r\n          \"parent\": null,\r\n          \"renderParent\": null,\r\n          \"bindingIndex\": 0,\r\n          \"outputIndex\": 0,\r\n          \"checkIndex\": 0,\r\n          \"flags\": 1,\r\n          \"childFlags\": 9125888,\r\n          \"directChildFlags\": 9125888,\r\n          \"childMatchedQueries\": 0,\r\n          \"matchedQueries\": {},\r\n          \"matchedQueryIds\": 0,\r\n          \"references\": {},\r\n          \"ngContentIndex\": null,\r\n          \"childCount\": 3,\r\n          \"bindings\": [\r\n            {\r\n              \"flags\": 8,\r\n              \"ns\": \"\",\r\n              \"name\": \"text\",\r\n              \"nonMinifiedName\": \"text\",\r\n              \"securityContext\": 0\r\n            },\r\n            {\r\n              \"flags\": 2,\r\n              \"ns\": \"\",\r\n              \"name\": \"element-active\",\r\n              \"nonMinifiedName\": \"element-active\"\r\n            }\r\n          ],\r\n          \"b...\r\n```\r\n\r\n\"element-active\" is the added css class name containing a change of background-color.\r\n\r\n\n\n_Copied from original issue: NativeScript/NativeScript#6983_","author":{"url":"https://github.com/NickIliev","@type":"Person","name":"NickIliev"},"datePublished":"2019-03-06T13:28:16.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":22},"url":"https://github.com/7125/NativeScript/issues/7125"}