Select dropdown for the "Reason" field in Codex Special:Block has text not in the center of the element
Open, Needs TriagePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Dreamy_Jazz
	Mar 5 2025, 11:58 AM

Description

Steps to replicate the issue (include links if applicable):

Enable codex Special:Block
Open Special:Block and enter a target
Click Add block

Example: https://en.wikipedia.beta.wmflabs.org/wiki/Special:Block?multiblocks=1&usecodex=1

What happens?:
The reason selection dropdown field has the currently selected option text appear misaligned, because it's not exactly vertically in the center

What should have happened instead?:
The text should be vertically centered

Screenshots

Related Objects
Search...

Status	Subtype	Assigned	Task
Open	BUG REPORT	None	T387983 Select dropdown for the "Reason" field in Codex Special:Block has text not in the center of the element
Resolved		DTorsani-WMF	T363845 [EPIC] Typography scale and font sizing
Resolved		DTorsani-WMF	T363846 Explore different ways Codex components could behave with different font "modes"
Resolved		DTorsani-WMF	T363850 Revisit Codex Typography scale
Resolved		DTorsani-WMF	T363848 Resolve open questions surrounding expected compatibility of different size "modes" within Codex
Resolved		AnneT	T359884 Font modes: Add a "font-mode switcher" to the Codex docs with new 'configure' icon
Resolved	Spike	egardner	T366103 [SPIKE] Font modes for Codex
Resolved		Jdrewniak	T369125 Evaluate the design of the revised Codex type scale
Resolved		AnneT	T386298 Font modes: Test revised Codex type scale and font modes
Resolved		gengh	T390235 Font modes: Test in Wikifunctions
Resolved		Volker_E	T390246 Bring Vector's appearance menu radio markup in sync with latest CdxRadio
Resolved		egardner	T390789 Font modes: Test in Growth features
Resolved		bmartinezcalvo	T386299 Replicate revised type scale and update components accordingly in Figma
Resolved		DTorsani-WMF	T386300 Revised Codex type scale and font-mode concept exploration
Open		None	T387244 Update text on docs site to use new typographic mixins
Resolved		DTorsani-WMF	T387778 [breaking change] Font modes: Introduce font modes to Codex
Resolved		Volker_E	T389116 Font modes: Remove Less calculations involving font-size and line-height tokens from downstream projects
Resolved		Volker_E	T389234 Replace Less variable negation `-@` with CSS `calc()`
Resolved		AnneT	T389458 Replace Less `unit()` calculation to output relative em/rem sizes
Resolved		Volker_E	T390222 Font modes: ensure components in the Vector 2022 header and sidebar do not scale with text size
Resolved		Volker_E	T389900 Font modes: Resolve line-height token discrepancies downstream
Resolved	Spike	AnneT	T390616 [SPIKE] Font modes: Investigate implementation of font modes in Vector 2022
Open		None	T391014 Font modes: Update line height tokens in skins and features
Open		None	T391017 Font modes: remove line-height workaround
Open		None	T396513 Font modes: integrate font modes into MinervaNeue/MobileFrontend
Open		None	T394685 Font modes: Use the small mode in Vector legacy
In Progress		AnneT	T393739 Font modes: prototype integrating font modes into Vector 2022

Event Timeline

Dreamy_Jazz created this task.Mar 5 2025, 11:58 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 5 2025, 11:58 AM

Dreamy_Jazz renamed this task from Select dropdown for the "Reason" field in Codex Special:Block has text not in the centre of the element to Select dropdown for the "Reason" field in Codex Special:Block has text not in the center of the element.Mar 5 2025, 12:05 PM

Dreamy_Jazz added a project: Multiblocks.Mar 5 2025, 12:12 PM

Restricted Application added a project: Community-Tech. · View Herald TranscriptMar 5 2025, 12:12 PM

I think this is an upstream problem, related to T359884: Font modes: Add a "font-mode switcher" to the Codex docs with new 'configure' icon. It also seems to be the case for the "select duration" dropdown, and it was also noticed in code review for T386500: IP auto-reveal: Allow managing IP auto-reveal from sidebar tools menu.

Changing the font size to 16px in my inspector fixes the misalignment. Tagging Design-System-Team for visibility.

I think more accurately, the issue is likely T363845: [EPIC] Typography scale and font sizing. I can also reproduce and see it is fixed by setting the font size to 16px/1rem. I would recommend leaving this open until we ship T387778: [breaking change] Font modes: Introduce font modes to Codex.