Bug reportOct 27, 2026· 0:20· 9 views
EUI: EuiDescriptionList compressed+column renders title at 14 px but description at 12 px
0:20 total
Comments · 0
Be the first to comment.
Bug reportby SceneRecap AI
lowEuiDescriptionList column type styles: font size applied to EuiDescriptionListDescription versus EuiDescriptionListTitle when type is 'column' (and possibly compressed).
os: macOSdpr: 1url: /docs/components/display/description-listlocale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720eui_version: v123.2.0 (site header)
Repro steps
- 1.Open the EUI docs page /docs/components/display/description-list.
- 2.Dismiss the cookie notice with 'Reject all'.
- 3.Scroll down past the 'Reverse style' section.
- 4.Scroll down again until the 'As columns' example is in view.
- 5.Measure the font size of the term 'The Elder Scrolls: Morrowind'.
- 6.Measure the font size of its description 'The opening music alone evokes such strong memories.'
Expected
In the column format example, the term and the description should use the same font size, as the measurement overlay states they should match.
Actual
The term measures 16.0006px and the description measures 14px. The description is 2.0px smaller than the term. Note: the user title says 14px title and 12px description for compressed+column, but the recording only shows the default 'As columns' example measuring 16px and 14px. No compressed variant was measured.
Evidence
visual'As columns' section is in view with a column-format list: 'The Elder Scrolls: Morrowind', 'TIE Fighter', 'Quake 2'.
visualGreen overlay label 'Term: 16.0006px' appears above 'The Elder Scrolls: Morrowind'.
visualRed overlay warning reports the description at 14px, 2.0px smaller than the term (16.0006px), and says they should match.
visualThe mismatch warning stays visible while the cursor moves between term and description.
consoleMinified React errors #418 and #423 logged via Docusaurus onRecoverableError on page load. These look like hydration errors and are likely unrelated to the font size issue.
consoleCanvas2D warning about getImageData readback and willReadFrequently. Likely unrelated.
Issue markdown (copy-paste ready)
## Summary In the EUI docs 'As columns' example of EuiDescriptionList (`type="column"`), the description text renders smaller than the term. The term measures 16.0006px and the description measures 14px. Note: the reported title mentions compressed+column at 14px / 12px. The recording only measured the default 'As columns' example, which shows the same 2px gap at 16px / 14px. The compressed variant was not measured in this recording. ## Environment - Browser: Chromium 151.0.7922.34 - OS: macOS - Viewport: 1280x720, DPR 1 - EUI: v123.2.0 (site header) - URL: /docs/components/display/description-list ## Steps to reproduce 1. Open /docs/components/display/description-list (0s). 2. Click 'Reject all' on the cookie notice (0.275s). 3. Scroll down to the 'As columns' section (2.258s, 3.562s). 4. Measure the font size of the term 'The Elder Scrolls: Morrowind' (7.0s). 5. Measure the font size of its description (11.0s). ## Expected Term and description in the column layout use the same font size. ## Actual - Term: 16.0006px (7.0s) - Description: 14px, 2.0px smaller than the term (11.0s) The mismatch warning stays visible through 19.0s. ## Evidence - 5.0s: 'As columns' example in view. - 7.0s: overlay 'Term: 16.0006px'. - 11.0s: overlay warning reports description 14px, 2.0px smaller than term, should match. - 0s console: React errors #418 and #423 (Docusaurus onRecoverableError) and a Canvas2D willReadFrequently warning. Likely unrelated. ## Suggested area EuiDescriptionList column type styles, font size of EuiDescriptionListDescription versus EuiDescriptionListTitle. Also check the compressed variant. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →