Reader has issues in rendering the search block and results.

[develric]

Expected behaviour

When creating a post with the search block, I would expect to be able to view the post in the app reader and being able to scroll along the full list of found search matches.

Actual behaviour

When creating a post with the search block, when looking at it from the app reader the search icon is disaligned

Also when the list of matched results is long (like 30 results for me), scrolling through the list ends not showing all the results.

Steps to reproduce the behaviour

• Create a post with the search block; to check the issue with the search icon, configure the block to use the search icon
• Publish the post
• Open the post in the reader and notice the search icon is rendered disaligned
• Search for results (the most results hit the better, for me 30 results were enough)
• Scroll the results until the end and check the scrolling finishes before all the results are shown (compare with the web to ease checking)

Note that the rendering in the webview (for example previewing the site tapping on the site url in My Site or opening the web preview from the reader itself) works as expected so possibly there is something with the css rendering we use in the reader.

Tested on [iPad 7th gen], iOS [13.4.1], WPiOS [17.3.0.1]

Link to Android homologous here

[dangermattic]

Thanks for reporting! 👍