Multiple nested images in a <Text> causes ANR #22038
Labels
Bug
Component: Image
Component: Text
Stale
There has been a lack of activity on this issue and it may be closed soon.
Environment
Description
Android: when adding multiple images as children to a the app becomes unresponsive as in the UI gets totally blocked and after a short while android reports the app as ANR, it can happen after adding 30+ images, in our case is to display emoji's in a sentence like this one: "trying to render multiple emojis in a text 👍 👍 ...." this obviously also happens with any type of inline images.
I'm not a java developer but perhaps something to do with
ReactTextInlineImageShadowNode
This is part of the markdown implementation that we have in our app https://github.com/mattermost/mattermost-mobile/blob/master/app/components/markdown/markdown.js#L252
If we remove the wrapper then the images are all displayed and the app is totally responsive, this issue is Android only as iOS works just fine no matter the amount of nested images
Reproducible Demo
https://github.com/mattermost/mattermost-mobile/blob/master/app/components/markdown/markdown.js#L252
The text was updated successfully, but these errors were encountered: