Skip to content
Bug reportSep 9, 2026· 0:27· 14 views

daisyUI 5.7.x: timeline-snap-icon overrides timeline-compact — boxes appear centred instead of at start

0:27 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

mediumCSS / Component Styling (daisyUI Timeline)
os: macOSdpr: 1browser: Chromium 151.0.7922.34viewport: 1280x720

Repro steps

  1. 1.Render a vertical timeline component using classes '.timeline .timeline-vertical .timeline-compact .timeline-snap-icon' on daisyUI 5.7.28.
  2. 2.Observe the column alignment of the timeline-end content boxes.

Expected

Timeline-end content boxes should align to the start/left column when '.timeline-compact' is applied.

Actual

'.timeline-compact' is overridden or ignored when combined with '.timeline-snap-icon', causing timeline-end boxes to render in the centre column.

Evidence

visualIn daisyUI 5.7.28, timeline boxes are aligned in the center column despite having .timeline-compact applied.
visualIn daisyUI 5.5.20 (control case), the identical markup and classes correctly align timeline-end boxes to the left/start column.
Issue markdown (copy-paste ready)
### Description
In daisyUI 5.7.28, combining `.timeline-compact` with `.timeline-snap-icon` on `.timeline .timeline-vertical` causes `.timeline-compact` styling to be ignored, resulting in timeline-end boxes positioning in the center column instead of aligning to the left/start.

### Steps to Reproduce
1. Render a timeline with classes `.timeline .timeline-vertical .timeline-compact .timeline-snap-icon` in daisyUI 5.7.28 (00:01).
2. Inspect the alignment of the timeline-end item boxes (00:03).

### Expected Behavior
Timeline items and boxes should align to the start/left column as expected with `.timeline-compact`.

### Actual Behavior
The timeline boxes remain in the center column.

### Evidence
- At 00:01 (daisyUI 5.7.28), timeline boxes appear centered despite `.timeline-compact`.
- At 00:09 (daisyUI 5.5.20 control), the same class configuration aligns boxes correctly to the left.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
daisyUI 5.7.x: timeline-snap-icon overrides timeline-compact — boxes appear centred instead of at start · SceneRecap