Title: NS 8.2.0+ iOS Base64 images disappearing after scrolling ListView/RadListView · Issue #9820 · NativeScript/NativeScript · GitHub
Open Graph Title: NS 8.2.0+ iOS Base64 images disappearing after scrolling ListView/RadListView · Issue #9820 · NativeScript/NativeScript
X Title: NS 8.2.0+ iOS Base64 images disappearing after scrolling ListView/RadListView · Issue #9820 · NativeScript/NativeScript
Description: Issue Description When upgrading @nativescript/core from 8.1.5 to latest 8.2.1 (or 8.2.0), I notice that images inside ListView/RadListView are disappearing after scrolling when using base64 ImageSources on iOS. They appear again when re...
Open Graph Description: Issue Description When upgrading @nativescript/core from 8.1.5 to latest 8.2.1 (or 8.2.0), I notice that images inside ListView/RadListView are disappearing after scrolling when using base64 ImageS...
X Description: Issue Description When upgrading @nativescript/core from 8.1.5 to latest 8.2.1 (or 8.2.0), I notice that images inside ListView/RadListView are disappearing after scrolling when using base64 ImageS...
Opengraph URL: https://github.com/NativeScript/NativeScript/issues/9820
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"NS 8.2.0+ iOS Base64 images disappearing after scrolling ListView/RadListView","articleBody":"### Issue Description\n\nWhen upgrading @nativescript/core from 8.1.5 to latest 8.2.1 (or 8.2.0), I notice that images inside ListView/RadListView are disappearing after scrolling when using base64 ImageSources on iOS. They appear again when removing the items from ObservableArray and add them again.\r\n\r\n```\r\n\u003cListView items=\"{{ items }}\"\u003e\r\n \u003cListView.itemTemplate\u003e\r\n \u003cGridLayout columns=\"auto,20,*\u003e\r\n \u003cImage col=\"0\" src=\"{{ imageSrc }}\" className=\"image-list\"/\u003e\r\n \u003cLabel col=\"2\" text=\"{{ title }}\" verticalAlignment=\"center\"/\u003e\r\n \u003c/GridLayout\u003e\r\n \u003c/ListView.itemTemplate\u003e\r\n\u003c/ListView\u003e\r\n```\r\n\r\n```\r\nexport const vm = fromObject({\r\n items: new ObservableArray([\r\n {title: \"Item 1\", imageSrc: ImageSource.fromBase64Sync(\"/9j/4AAQSkZJRgABAQAASABIAAD/4QCMRXhpZg...\")},\r\n {title: \"Item 2\", imageSrc: ImageSource.fromBase64Sync(\"/9j/4AAQSkZJRgABAQEBLAEsAAD/7QJoUGhvdG...\")},\r\n {title: \"Item 3\", imageSrc: null},\r\n //...\r\n ])\r\n});\r\n```\r\n\r\nThe output:\r\nhttps://user-images.githubusercontent.com/6443021/157667068-8effbe14-f17d-4360-ac4b-f8d1f2157712.mov\r\n\r\n\r\nWith nativescript/core 8.1.5, it was working as expected:\r\n\r\nhttps://user-images.githubusercontent.com/6443021/157667249-c57d8be4-3b16-4e3f-9238-6efe862a557c.mov\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nSample app to reproduce:\r\n[ns-8-2-ios-image.zip](https://github.com/NativeScript/NativeScript/files/8223567/ns-8-2-ios-image.zip)\r\n\r\n- run the app on ios\r\n- tap the first button to navigate to the page with RadListView and base64 images\r\n- scroll the list down and up again -\u003e images disappearing\n\n### Relevant log output (if applicable)\n\n```shell\n-\n```\n\n\n### Environment\n\n```yaml\r\nOS: macOS 12.2.1\r\nCPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz\r\nShell: /bin/zsh\r\nnode: 14.18.1\r\nnpm: 6.14.15\r\nnativescript: 8.1.5\r\n\r\n# android\r\njava: 11.0.11\r\nndk: Not Found\r\napis: Not Found\r\nbuild_tools: Not Found\r\nsystem_images: Not Found\r\n\r\n# ios\r\nxcode: 13.2.1/13C100\r\ncocoapods: 1.11.2\r\npython: 2.7.18\r\npython3: 3.9.7\r\nruby: 2.7.4\r\nplatforms: \r\n - DriverKit 21.2\r\n - iOS 15.2\r\n - macOS 12.1\r\n - tvOS 15.2\r\n - watchOS 8.3\r\n```\r\n\r\n### Dependencies\r\n\r\n```json\r\n\"dependencies\": {\r\n \"@nativescript/core\": \"^8.2.1\",\r\n \"nativescript-ui-listview\": \"^10.0.2\"\r\n},\r\n\"devDependencies\": {\r\n \"@nativescript/android\": \"^8.2.2\",\r\n \"@nativescript/ios\": \"^8.2.1\",\r\n \"@nativescript/types\": \"~8.2.0\",\r\n \"@nativescript/webpack\": \"~5.0.6\",\r\n \"typescript\": \"~4.5.5\"\r\n}\r\n```\r\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/felixkrautschuk","@type":"Person","name":"felixkrautschuk"},"datePublished":"2022-03-10T13:07:19.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6},"url":"https://github.com/9820/NativeScript/issues/9820"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:8742e803-5e8e-8843-5939-885c09bc9fd5 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | C154:396CF6:1BCC3B6:24DEBF9:6A5C8A1E |
| html-safe-nonce | 4ba02af0c4b3ccaebf82323f12a79946a67bc529e2d4d0c31556fae7b7b48adc |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDMTU0OjM5NkNGNjoxQkNDM0I2OjI0REVCRjk6NkE1QzhBMUUiLCJ2aXNpdG9yX2lkIjoiMzA1ODY1NzEwNDc1MDIxNzc1OCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 9f64f9bfeb1efa85fb7b50f9176e77b9af7d1746d7403ca9c66244f3c3097db3 |
| hovercard-subject-tag | issue:1165201279 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/9820/issue_layout |
| twitter:image | https://opengraph.githubassets.com/c40122f72dafa9d46c380ec3a21dbf697e3aa546a6667775a1bf29f8a55b225f/NativeScript/NativeScript/issues/9820 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/c40122f72dafa9d46c380ec3a21dbf697e3aa546a6667775a1bf29f8a55b225f/NativeScript/NativeScript/issues/9820 |
| og:image:alt | Issue Description When upgrading @nativescript/core from 8.1.5 to latest 8.2.1 (or 8.2.0), I notice that images inside ListView/RadListView are disappearing after scrolling when using base64 ImageS... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | felixkrautschuk |
| hostname | github.com |
| expected-hostname | github.com |
| None | 5290d7e14309ad1e76106a9c4237bd1041517e83ea182c8ab756752cb0c6940b |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 31492490 |
| octolytics-dimension-repository_nwo | NativeScript/NativeScript |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 31492490 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/NativeScript |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 9c975978430e9ad293956f2bbdaf153b1bd84a99 |
| ui-target | canary-1 |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width