fix(app): keep diff gutter row aligned when line number is blank

The recently added numberOfLines={1} on the gutter <Text> wraps the
content in display:-webkit-box; overflow:hidden on web, where a plain
ASCII space collapses to zero height. That shifted every line number up
by one row, leaving "1" next to the hunk marker. Use a non-breaking
space so the cell keeps its line height.
This commit is contained in:
Mohamed Boudra
2026-04-28 21:58:22 +07:00
parent f19007cd83
commit 98f2736233
2 changed files with 8 additions and 2 deletions
@@ -8,7 +8,11 @@ import {
describe("diff-rendering", () => {
it("keeps header gutters tall even when they do not show a line number", () => {
expect(formatDiffGutterText(null)).toBe(" ");
// Must be a non-collapsing whitespace: the gutter <Text> uses
// numberOfLines={1}, which on web wraps in display:-webkit-box;
// overflow:hidden. A plain ASCII space collapses to zero height
// there and shifts every line number up by one row.
expect(formatDiffGutterText(null)).toBe("\u00A0");
expect(formatDiffGutterText(82)).toBe("82");
});