Scaling bug on download.anytype.io

Bug Reports Bug Cemetary
,
1

This is a bug related to the https://download.anytype.io/ website, if the Bug Reports is not the right category for this kind of feedback please let me know.

WHAT IS THE BUG

The download website does not display correctly on a scaled display.

HOW TO REPRODUCE IT

  1. Scale your display to 200% from the OS settings
  2. Open https://download.anytype.io/
  3. Notice the weird size and position of the elements

Video:

THE EXPECTED BEHAVIOR

The website should display correctly at any scaling

SYSTEM INFORMATIONS

  • OS:
    Debian 10 (Buster) with GNOME
  • Browser: Firefox 91.12.0esr

ADDITIONAL CONTEXT

none

3

Something similar happens on my tablet but it works fine on my phone.

SYSTEM INFORMATIONS

1 Like
4

WHAT IS THE BUG

The download websites does not display information correctly.

HOW TO REPRODUCE IT

Just open the download website and click on the android download button.

image
image1920Ă—953 154 KB

THE EXPECTED BEHAVIOR

The website should scale or scroll for the “overflow” to be visible.

SYSTEM INFORMATIONS

  • OS: Windows 11
  • Device: HP Envy 13
  • Anytype Version: /
  • User Agent: Mozilla/5.0 (Windows NT 10.0; rv:105.0) Gecko/20100101 Firefox/105.0

ADDITIONAL CONTEXT

My windows display resolution is scaled to 125% so maybe that contributes to the weird situation.
The bug is reproducible both on Chrome and Edge.

5

Merged a duplicated topic that replicates the bug on the new website.

6

Hmm, I also use Firefox but this doesn’t happen to me. Am I missing a step?

7

This is how I see it:

image
image1917Ă—1080 194 KB

And this is if I use full screen:
image
image1920Ă—1079 157 KB

All this is on linux so it’s not a problem of display scaling.
It’s like there should be a scroll bar but there isn’t?

Update: using my (taller) primary monitor I don’t have this issue, so it’s just a problem with smaller viewports I suppose

Can you try to use your browser’s zoom feature and see what happens?

1 Like
8

The problem lies in the website’s css, maybe this helps:

image
image1920Ă—1080 113 KB

If you remove the “overflow: hidden” the content is shown fully and there is a scrollbar. Seeing the background issue when doing this makes me think that the code used to avoid problems with the background did not take into consideration higher “zooms”

9

With zooming

I’ll still log this report with the team.

10

:open_mouth: Well… weird hahaha, can’t say then.

1 Like
12

Will be resolved when new website is shared.

13

Great!

1 Like
14