[Rollout] The radio buttons from the “Microsurvey: sidebar CSAT and productivity” rollouts are misaligned with the text of the survey options
Categories
(Firefox :: Messaging System, defect, P1)
Tracking
()
Tracking | Status | |
---|---|---|
firefox134 | --- | affected |
People
(Reporter: cfat, Assigned: asafko)
References
(Blocks 1 open bug)
Details
Attachments
(2 files)
[Affected versions]:
- Firefox Beta 134.0b10 Build ID: 20241213091550
[Affected Platforms]:
- Windows 10 x64
- Ubuntu 22.04 x64
[Prerequisites]:
- Have a Firefox Beta 134.0b10 build installed with the channel changed to “release”.
- Client is enrolled in the "Existing users: Sidebar + GenAI" experiment.
- Have a profile with the "nimbus.debug" pref set to true in the "about:config" page.
[Steps to reproduce]:
- Open the browser using the profile from the prerequisites.
- Navigate to the "about:studies?optin_slug=134-sidebar-microsurvey&optin_branch=control&optin_collection=nimbus-preview" URL.
- Go to the bottom-left part of the screen and click the "History" sidebar button.
- Open and close the “History” section for 4 more times.
- Observe the sidebar CSAT Microsurvey radio buttons.
[Expected result]:
- The radio buttons are evenly aligned with the text of the survey options.
[Actual result]:
- The radio buttons are slightly above the text of the survey options with several pixels.
[Notes]:
- This issue is reproducible on all 3 screens of the sidebar CSAT Microsurvey.
- This issue is reproducible with both the left and right side microsurveys.
- Attached is a screen shot of the issue.
I cannot reproduce this with either of the surveys, and I am not sure what could be causing this.
Kelly, I wonder if you have an idea of what could be the culprit in here?
Here's the full recipe and this is how JSON for individual buttons looks like:
"data": [ { "id": "radio-very-dissatisfied", "type": "radio", "group": "radios", "icon": { "style": { "width": "14px", "height": "14px", "marginInline": "0 0.5em" } }, "label": { "string_id": "sidebar-callout-survey-very-dissatisfied-2" }, "action": { "type": "SET_PREF", "data": { "pref": { "name": "messaging-system-action.sidebar-satisfaction-jan-2025", "value": "very-dissatisfied" } } } },
Comment 2•2 months ago
|
||
I also wasn't able to reproduce this (on Win at least), but we're going to see if we can add align-items: center
on the .checkbox-container element to make sure this looks vertically aligned on all platforms.
Updated•1 month ago
|
Comment 4•1 month ago
|
||
@Ania Please close this bug if it's no longer reproducible, thanks!
Reporter | ||
Comment 5•1 month ago
|
||
The issue is still reproducible on my side, on Firefox RC 134.0 (Build ID: 20241230151726), Windows 10 x64.
Updated•1 month ago
|
Updated•23 days ago
|
Updated•9 days ago
|
Description
•