Affected versions

• Firefox 89
• Firefox 90 beta 12
• latest Nightly 91.0a1 2021-07-05

Affected platforms

• Win 10 64-bit
• Ubuntu 18.04 64-bit
• OSX 10.15

Steps to reproduce

1. Open a new tab in Firefox - shortcuts/topsites are displayed under the search field
2. Go to Personalize and select 2 or more rows for Shortcuts
3. Decrease the zoom level to be under 90%

Expected result

• Borders are visible no matter the zoom level

Actual result

• Some topsites borders are not visible when decreasing the zoom level

Regression range

• Pushlog: https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=5632c59062ad3ef74b3d6a8b32ea7d8577d63212&tochange=e718c31620b4ab8efc075b58c8f6839589af16d5
• Regressed by: bug 1703941

Amy, can you please take a look at this regression?

Thanks for flagging this! We are planning on removing the empty state entirely in the near future: https://bugzilla.mozilla.org/show_bug.cgi?id=1726446, so I think that makes this a wontfix.

If you change the height of the input to 30px, then a 90% zoom works ok (because this is 27px), but a zoom of 75% not (because this is 22.50 px).

You can also avoid this by giving the border width of 3px. In this case, you will see that the width of the border is different in different places.

Anyway, the very best solution is to give more space around the inputs so that the border can be drawn cleanly even if it is in a subpixel position.
I had a similar problem, the border on the right side of the button was gone when zooming in/out. Adding the padding around the button fixed the border for me. https://theboic.com/product-category/sandpapers/ Thanks –
GraafM
Why doesn't it just round up to the nearest pixel? –
ESR
Hi @ESR, I want to implement this, but in my case, I have a dropdown that has 10 valves and after 5 I am using overflow: auto. In this case, I am not sure how can I give more padding at the bottom. The only bottom border is disappearing in my case.