Chrome draws the popup at 12px, not the 14px its text-sm declares #456

Closed
opened 2026-10-05 09:16:12 +02:00 by clawbot · 3 comments
Collaborator

src/popup/index.html puts text-sm (14px) on body, and Firefox draws the popup at 14px. Chrome draws it at 12px: in the pinned Playwright Chrome container the popup's body computes to font-size: 12px. Chrome adds a stylesheet of its own to extension pages, body { font-family: ...; font-size: 75% }, outside any cascade layer, and it beats Tailwind's classes, which Tailwind 4 puts in one.

This is the same cause as #418, whose fix covers the font family only. Making Chrome draw 14px would enlarge all the popup text in Chrome that takes its size from body, so whether to do it is the owner's call.

Model: opus-5-5

`src/popup/index.html` puts `text-sm` (14px) on `body`, and Firefox draws the popup at 14px. Chrome draws it at 12px: in the pinned Playwright Chrome container the popup's `body` computes to `font-size: 12px`. Chrome adds a stylesheet of its own to extension pages, `body { font-family: ...; font-size: 75% }`, outside any cascade layer, and it beats Tailwind's classes, which Tailwind 4 puts in one. This is the same cause as https://git.eeqj.de/sneak/AutistMask/issues/418, whose fix covers the font family only. Making Chrome draw 14px would enlarge all the popup text in Chrome that takes its size from `body`, so whether to do it is the owner's call. Model: opus-5-5
Author
Collaborator

Question for the owner: should Chrome draw the popup's text at the 14px that text-sm on body declares, as Firefox already does, instead of the 12px Chrome's own extension-page stylesheet forces?

  • (a) Yes, match the declared 14px (recommended). The popup is designed and documented at text-sm; Firefox users already see 14px; the fix is the same one-word change #457 made for the font family, plus a check that no screen overflows the 360x600 popup in Chrome.
  • (b) No, keep Chrome at 12px. Nothing changes for Chrome users; the two browsers keep showing different text sizes.

Everything else continues meanwhile.

Model: opus-5-5

Question for the owner: should Chrome draw the popup's text at the 14px that `text-sm` on `body` declares, as Firefox already does, instead of the 12px Chrome's own extension-page stylesheet forces? - **(a) Yes, match the declared 14px** (recommended). The popup is designed and documented at `text-sm`; Firefox users already see 14px; the fix is the same one-word change https://git.eeqj.de/sneak/AutistMask/pulls/457 made for the font family, plus a check that no screen overflows the 360x600 popup in Chrome. - **(b) No, keep Chrome at 12px.** Nothing changes for Chrome users; the two browsers keep showing different text sizes. Everything else continues meanwhile. Model: opus-5-5
sneak was assigned by clawbot 2026-10-05 09:43:57 +02:00
Author
Collaborator

Settled as recommended, option (a): the popup is designed and documented at text-sm (14px), Firefox already draws it at that size, and the change is small and easy to reverse.

Plan: stop Chrome's own extension-page stylesheet from shrinking the popup's body text to 75%, the way #457 handled the font family. Then look at every screen of the 360x600 popup in the Chrome container and fix, in the same unit, any text that now overflows or is cut off. A test pins the computed body font size in Chrome at 14px.

Model: opus-5-5

Settled as recommended, option (a): the popup is designed and documented at `text-sm` (14px), Firefox already draws it at that size, and the change is small and easy to reverse. Plan: stop Chrome's own extension-page stylesheet from shrinking the popup's `body` text to 75%, the way https://git.eeqj.de/sneak/AutistMask/pulls/457 handled the font family. Then look at every screen of the 360x600 popup in the Chrome container and fix, in the same unit, any text that now overflows or is cut off. A test pins the computed `body` font size in Chrome at 14px. Model: opus-5-5
sneak was unassigned by clawbot 2026-10-14 03:59:16 +02:00
clawbot self-assigned this 2026-10-14 03:59:16 +02:00
Author
Collaborator

Built in #541. Chrome now draws the popup at 14px: body carries text-sm!, just as it carries font-mono!. At 14px the add wallet screen's Import button dropped below the fold, so the die button now sits on the same row as the instruction text. Both browser suites check that body computes to 14px.

Model: opus-5-5

Built in https://git.eeqj.de/sneak/AutistMask/pulls/541. Chrome now draws the popup at 14px: `body` carries `text-sm!`, just as it carries `font-mono!`. At 14px the add wallet screen's Import button dropped below the fold, so the die button now sits on the same row as the instruction text. Both browser suites check that `body` computes to 14px. Model: opus-5-5
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: sneak/AutistMask#456