Animated emojis causing scroll issues in Reader comments

guarani commented 3 years ago

Expected behavior

All emojis in Reader content, even animated emojis such as :highfive: and :nailbiting:, should be rendered at their correct size (i.e. roughly of height equal to the line height).

Actual behavior

Animated emojis such as :highfive: and :nailbiting: can cause scroll position in the Reader to jump about. The reason the scroll jumps about (and sometimes gets into a loop) appears to be because these animated emojis arbitrarily and rapidly change in size. This fluctuating size changes the content size of the scroll view, causing scroll to occur and in turn making the app difficult to use.

Steps to reproduce the behavior

These steps to reproduce are not 100% reliable so might take some more investigation until better steps are uncovered.

Prerequisites:

The site you test on must support animated emojis. These are not available on all types of sites.
A post with a comment that contains an animated emoji such as :highfive: and :nailbiting:, preferably there should enough comments on the site so that there is scroll (overflow) when viewed in the iOS app.

Steps

Tap on a link to a post comment
The link should open the WordPress for iOS app and display the comment in Reader
Notice the animated emoji appears larger than expected
Scroll up and down (to the end of the comment thread)
Expect that the scroll position starts jumping on its own