CSS Problem - Chrome List Page

[ckjpn]

URL: https://tatoeba.org/en/sentences_lists/of_user/CK/page:1/sort:modified/direction:desc

Chrome (on MacOS)

Firefox (on MacOS) -- This is likely the expected look.

This is another recently-reported CSS problem.

French interface bug #3096

[jiru]

Can you try to reproduce the problem on MacOS from inside the "Guest" session, which you can open from the top-right menu of Chrome?

[cblanken]

I'm on Linux not Mac, but there is a similar issue when using the Vivaldi browser.

This screenshot was taken in a private browser session with no extensions enabled.

Vivaldi

Version: 6.6.3271.53 (Stable channel) stable (64-bit)
Revision: 9bc0253dc7c6d57292697b26e13e6579916e51bf
JavaScript: V8 12.2.281.23

However, viewing the same page in Chromium or Firefox seems fine.

Chromium

Version: 123.0.6312.58 (Official Build) Arch Linux (64-bit)

Firefox

Version: 124.0.1 (64-bit)

[cblanken]

I did some debugging, and it seems to be an issue when the browser is set to a larger than default font size. For example, in the Vivaldi screenshot above, my browser font size was set to 20px instead of the default 16px.

You can replicate in Chromium by setting the "Font size" under the "Appearance" settings to Large or Very Large.

Chromium with font size = Large

Chromium with font size = Very Large