PostHog / PostHog/posthog

CLS on homepage with 'Who's using posthog?'

Open Beginner friendly
#65,376 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
Python
Stars
39.9k
Forks
3.4k
Avg merge
6h 51m
Merged PRs (30d)
232

Description

Bug Description

Description: On the PostHog homepage (https://posthog.com/) viewed in Safari on Mac, the carousel featuring 'Create pull requests in slack', 'Fix bugs automatically', and 'Ask posthog anything' has inconsistent content heights. This causes the "Who's using PostHog?" section below to constantly shift vertically as the carousel auto-cycles, creating a jarring user experience.

Expected behavior: All carousel items should maintain consistent heights to prevent layout shift and provide a stable viewing experience.

Steps to reproduce:

  1. Visit https://posthog.com/ in Safari on Mac
  2. Observe the carousel section
  3. Watch as it cycles through the three items
  4. Notice the "Who's using PostHog?" section jumps up and down with each transition

Browser: Safari on macOS
Viewport: Desktop (not mobile view)

This is a CLS (Cumulative Layout Shift) issue that needs the carousel container or items to have normalized heights! 🦔

Debug info
- [x] PostHog Cloud, Debug information: [please copy/paste from https://us.posthog.com/settings/project-details#variables or https://eu.posthog.com/settings/project-details#variables]
- [ ] PostHog Hobby self-hosted with `docker compose`, version/commit: [please provide]
- [ ] PostHog self-hosted with Kubernetes (deprecated, see [`Sunsetting Kubernetes support`](https://posthog.com/blog/sunsetting-helm-support-posthog)), version/commit: [please provide]

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the PostHog homepage carousel containing “Create pull requests in slack,” “Fix bugs automatically,” and “Ask posthog anything,” then reproduce the layout shift in Safari on macOS. Inspect the carousel container and item sizing, and verify that the “Who’s using PostHog?” section remains stationary as all three items cycle.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.