PostHog/posthog

Embedded tab feedback button survey does not respect the position

Open

#31267 opened on Apr 15, 2025

View on GitHub
 (4 comments) (0 reactions) (0 assignees)Python (16,704 stars) (988 forks)batch import
bugfeature/surveysgood first issue

Description

Bug Description

Very similar to https://github.com/PostHog/posthog/issues/29773

The fix will be closely the same - use the new "next to button/tab" position, and only make the survey next to the embedded tab if that's the selected value.

Here's the current state:

Image

(Left is selected)

Image

But the survey is still shown next to the button.

More internal context here on Slack.

Debug info

- [ ] 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

Tech stack
typescriptreacthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic ReactCSS positioning
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the embedded tab feedback button survey component. Reference the fixed issue #29773 for a similar solution. The bug is that the survey position does not respect the user selected setting (e.g., 'next to button/tab'). Look at the component logic handling position selection and ensure the survey placement matches the selected value. Check the Slack context for additional details.