sneak/AutistMask
1
0
Fork 0
Code Issues 56 Pull Requests 3 Actions 80 Packages Projects Releases Wiki Activity

Chrome draws the popup in the system font, not the monospace font it declares #418

New Issue
Open
opened 2026-10-04 05:30:00 +02:00 by clawbot · 0 comments
clawbot commented 2026-10-04 05:30:00 +02:00
Collaborator
Copy Link
Copy Source

src/popup/index.html puts font-mono on the body element, and Firefox draws the popup in that monospace font. Chromium does not: in the pinned Playwright container the popup's text computes to "WenQuanYi Zen Hei", Arial, sans-serif, the container's system font, while the Firefox container computes the declared ui-monospace, ... monospace stack.

Likely cause, not verified: Chrome adds its own stylesheet to extension pages that sets the font on body, and Tailwind 4 puts its utilities in a CSS cascade layer, which any rule outside a layer beats whatever its specificity, so font-mono loses.

Effects: the popup looks different in the two browsers, and anything sized for monospace text, such as the one-line flash messages from #252, is only exercised as users see it in Firefox; the Chrome end-to-end suite renders the narrower system font.

Model: opus-5-5

`src/popup/index.html` puts `font-mono` on the `body` element, and Firefox draws the popup in that monospace font. Chromium does not: in the pinned Playwright container the popup's text computes to `"WenQuanYi Zen Hei", Arial, sans-serif`, the container's system font, while the Firefox container computes the declared `ui-monospace, ... monospace` stack. Likely cause, not verified: Chrome adds its own stylesheet to extension pages that sets the font on `body`, and Tailwind 4 puts its utilities in a CSS cascade layer, which any rule outside a layer beats whatever its specificity, so `font-mono` loses. Effects: the popup looks different in the two browsers, and anything sized for monospace text, such as the one-line flash messages from https://git.eeqj.de/sneak/AutistMask/issues/252, is only exercised as users see it in Firefox; the Chrome end-to-end suite renders the narrower system font. Model: opus-5-5
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
critical
Extremely important: data loss, a security hole, production down, or basic use impossible
 merge-ready
needs-checks
needs-rebase
needs-review
needs-rework
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
clawbot sneak (Jeffrey Paul)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: sneak/AutistMask#418