French interface bug

[cangareijo]

https://tatoeba.org/wall/show_message/40430

Hello,
I'm useing Tatoeba on FireFox. The Css is broken. Try it ! Sign in and have a look at the menu.
Thx
hector

I'm on Ubuntu 22, Firefox 121. Je suis en Français.
How can I add a screenshot here ?

here is a screenshot of the advanced search
https://imgur.com/a/v7H2MwL
hector

[Yorwba]

NixOS 23.11, Firefox 121:

Cannot reproduce. I'll ask the original reporter for more details about their setup.

[hecmec]

linux firefox 122.
width <= 600 => ok
600 < width < 960 => ok
width > 960 => menu kaput !!

[Yorwba]

Thanks for trying different window widths. That does help rule out the possibility that CSS for narrow screens is not applied correctly. Unfortunately, I still cannot reproduce the problem. (I made extra sure to exactly match the size of your screenshot.)

I also asked about what happens in Troubleshoot Mode.

If you restart Firefox in Troubleshoot Mode (in the menu bar under Help > Troubleshoot Mode) does the problem go away?

Did you try it? Maybe you have an add-on that accidentally interferes with the CSS somehow.

The other possibility I can think of is that you have a HiDPI screen or similar setup where physical pixels do not correspond to logical CSS pixels and our CSS incorrectly mixes the two units. I tried simulating different device pixel ratios using the Firefox developer tools and there was no visible difference, but maybe the simulation is not exactly like the real thing. (It doesn't seem to allow testing fractional values, for example.)