Iconic taxa cut off on project stats page and Year in Review

Pretty sure this is the same bug reported here?

FWIW I can’t replicate it in Chorme (or Firefox):

Yes, it seems to be the same bug in the link you gave.
But it doesn’t seem to be fixed, we’ve tried different zoom levels and it doesn’t change.

Also tried on MS Edge and get the same problem.

I’ve now tried it on Firefox and get about the top half of that last line “Insects Other Animals”

It changed for me when I zoomed it to 170%

It’s related to the aspect ratio and the issue is dependent on your screen resolution and aspect ratio. I get it on all my computers at all zoom levels on all browsers. The only way I can temporarily change it is to open up the “inspect” view for the page and manually make changes to the container dimensions.

Of course, that reverts back to default as soon as you refresh the page.

It should be a quick fix as all that needs to be done is to make a small change to how the ‘iconic taxa’ container is shown, but, like the issues with the text boxes obscuring the map on the ‘explore’ page (which is due to pretty much the same problem) it’s taking a long time to address.

The iNat platform was developed when people’s computers generally didn’t’ have monitors that are as high resolution as they are now and the site hasn’t been updated to take that into account.

1 Like

I’m seeing this as well and found that resizing the browser window (Firefox) may “fix” it so I assume it has something to do with how it displays in certain browsers with a certain window size.

as noted in the other thread, i think you need to increase the effective width of your browser window to replicate the problem. it looks like the width at which items on the page change scale is 1200px. below 1200px, the pie chart’s container is approx 293.3px x 330px (about 9:10 ratio). above 1200px, the container is 360px x 330px (12:11 ratio). since in the latter case, the container is relatively wider, its contents get cut off slightly at the bottom.

if your screen is effectively <1200px wide, you might not ever see the problem. to increase the effective width of your browser window, you can change the zoom in your browser or system settings. for example, if your native screen resolution is 1200px and your OS zoom is 100%, then if you change your browser zoom to 90%, then you’ll increase the effective width of your browser window to 1333px.

EDIT: actually, maybe there’s there’s something else… your charts look like they are scaled such that the bottom contents should have been cut off slightly. so maybe MacOS scales things slightly differently somehow. or maybe fonts…

2 Likes

Please fill out the following sections to the best of your ability, it will help us investigate bugs if we have this information at the outset. Screenshots are especially helpful, so please provide those if you can.

Platform (Android, iOS, Website): WEBSITE

App version number, if a mobile app issue (shown under Settings or About):

Browser, if a website issue (Firefox, Chrome, etc) : CHROME

URLs (aka web addresses) of any relevant observations or pages: https://www.inaturalist.org/stats/2022

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.):

Step 1: Put you mouse over the orange part of Species and shows insects

Step 2: The key below does not show insects

Step 3:

It looks ok for me at 125%, but not at 100%.

3 Likes

image
Some translations are not visible…

1 Like

I’m still not able to replicate this on my Macbook Pro, in either Chrome or Firefox, using various screen resolutions, browser zoom settings, and window sizes. What are your screen resolutions?

Windows 10 / 2560x1440 / 100% (recommended) / Chrome / any browser zoom level

Once I resize my browser window to a little less than half the width of my screen, I can see all taxa.

image
(collection project)

image
(personal YIR)

1 Like

Windows 10 / 1800 x 1200 / system set to 125%
in browser 100% is no good, but 125% is ok (Chrome)

1 Like

Made an issue here: https://github.com/inaturalist/inaturalist/issues/3610

2 Likes

Insects only seen if I zoom in to 110% on Chriome on laptop. Why not swap insects at the bottom with unknown at the top .

We released a potential fix. The issue appears to be only affecting PCs, not Macs. How’s it looking for you all now?

2 Likes

lookin good

1 Like

Looks good too.

1 Like

OK, I’ll close it for now, but we can’t guarantee it will be fixed for everyone, if you read the GitHub notes.