CSS issue: Topic header and post editor buttons getting off screen

UX
1

After this upgrade, the topic header started going off screen when I scroll topic content down.
Same for post editor being partially off screen unless I scroll up.

Android 9 Kiwi browser.

IMG_20230201_222950
IMG_20230201_222950720×1520 177 KB

IMG_20230201_223007
IMG_20230201_223007720×1520 165 KB

Do you know what could have happened?
It looks like a CSS issue.
There is no problem here in meta.
Maybe a specific 3.1.0.beta2 bug?

In fact the whole site is slightly zoomed in.
But even if I zoom out fully, the described issues are still there (on MetaBrainz Discourse).

I tried with the default Light Theme.
At first it seemed fixed but no, same problems in topics.

2

Does the same happens on Chrome?

Can you record a video of the problem or even a screenshot?

2 Likes
3

Thank you @Falco.
Actually, the problem stopped for me, now!?

Some old CSS and/or JavaScript must have put some time to update in my browser cache!

I’ll say here if it comes back, but I don’t think so.

I forgot to paste my screenshots in OP!
I add them now, for the record.

2 Likes
4

Oh no, small zoom in still happens and also header and post edit buttons off screen. :thinking: And not on meta.

I will test with Chrome as soon as I have time and enough space to update the obsolete pre-installed version.

5

No problem on try either, apparently…

6

I have updated Chrome to latest version (109.0.5414.117).

The same problems still occur on MetaBrainz since upgrade from 2.8.14 to 3.1.0.beta2 and server change but still not on try and not here on meta:

  • slight zoom in
  • dynamic header and footer buttons go off screen when scrolling

See top and bottom of the header and buttons that go off screen.

See at the end, I zoom out fully.
Then things are more fixed but it shows that it’s some out, as the header is not going all the way to the right border.

Maybe the problem is that the header is narrower than the page background?

7

If it only occurs on that site and neither on try nor meta it means it’s a theme bug. Can you try reproducing it on that site while on Safe Mode ?

1 Like
8

Wow, great hidden feature!

Same problems in any topics when in MetaBrainz safe mode with all 3 things disabled.

9

Hello, I think the side overflow cause by the long tags on suggested topics. It pushes the date off screen.

Screenshot_20230202_205639
Screenshot_20230202_2056391080×2240 278 KB

3 Likes
10

Wow, it seems like you nailed it, @Don!

1 Like
11

Moving it to ux, nice catch @Don

3 Likes
13

Indeed, when by chance the suggested topics have no overlong tags, no problems:

Screenshot_2023-02-02-22-58-26-356_com.kiwibrowser.browser
Screenshot_2023-02-02-22-58-26-356_com.kiwibrowser.browser720×1520 160 KB

1 Like
16

I’ve got a PR in the works that will allow tags to wrap under the category name, hoping this will solve the issue:

image

5 Likes