Place page About tab from Wikipedia sometimes breaks images

Platform (Android, iOS, Website): Website

Browser, if a website issue (Firefox, Chrome, etc): Firefox (tested on Windows & Linux), Chrome (tested on Windows).

URLs (aka web addresses) of any relevant observations or pages:

https://www.inaturalist.org/places/botany-bay--2

Screenshots of what you are seeing (instructions for taking a screenshot on computers and mobile devices: https://www.take-a-screenshot.org/):

Description of problem (please provide a set of steps we can use to replicate the issue, and make as many as you need.):

In https://forum.inaturalist.org/t/whats-with-the-places-wikipedia-pages-on-inat/57663 we found that the broken images in @graysquirrel 's screenshot are also broken in some people’s browsers in the iNat place page “About” tab shown in my screenshot above. There seems to be a transformation applied by the iNaturalist website to some of the protocol-relative URLs retrieved from Wikipedia queries. Without any explanation in the code that I could find, they are transformed to http: which causes some browsers to block the images as I explain in more detail in this reply on that thread: https://forum.inaturalist.org/t/whats-with-the-places-wikipedia-pages-on-inat/57663/9

A workaround for those experiencing this problem is to see if their browser has an “HTTPS only” setting. If it does, enable that, at least for the iNaturalist site, and it will workaround the issue (tested in Firefox on both Linux and Windows).

I hope that’s enough of a lead to get started on a solution. It could be as simple as dropping those transforms if it is found that they serve no purpose. Although WikipediaModule which provides the base /wikipedia action to all controllers is used in both app/controllers/places_controller.rb and app/controllers/taxa_controller.rb, there is no /taxa/wikipedia action so the code that breaks about tab images in place pages is not executed for taxon pages. Therefore, removing these substitutions should fix the broken images in place pages without affecting taxon pages so far as I can see.

Made a github issue: https://github.com/inaturalist/inaturalist/issues/4273

1 Like