Form Overlapping Timeline Header on Making WordPress Page.

[nareshbheda]

On the Making WordPress site, the timeline section is experiencing an overlapping issue where the <h2> element ("Timeline") is being obstructed by the form container (#prefs). The form appears to be positioned above the timeline heading, causing readability and UI issues.

Steps to Reproduce:

1. Go to https://meta.trac.wordpress.org/timeline.
2. Scroll down to the "Timeline" section.
3. Observe that the form overlaps the heading, making it partially hidden.

Expected Behavior:
-The <h2> elements should be properly positioned below the filter form.
-No overlapping or cut-off text should occur.

Current Behavior:
-The <h2> date headers are overlapping the form.
-Some text appears cut off or misaligned.

Try the following CSS improvements:

#content.timeline h2 {
    overflow: hidden;  /* Prevents content overflow */
}

Thank you.

[johnjamesjacoby]

Hi there @nareshbheda and thanks for creating this ticket here.

In general, I agree this does not look great, but it is also like this on purpose, and there are quite a few other pages in the Making WordPress Trac that have a similarly floated Preferences pane that likely need similar considerations.

What do you think about how we've styled the bbPress & BuddyPress timelines:

• ​https://bbpress.trac.wordpress.org/timeline
• ​https://buddypress.trac.wordpress.org/timeline