Automattic / Automattic/jetpack
Newsletter Preview: Button Misalignment when WooCommerce Installed
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
### Impacted plugin
Jetpack
### Quick summary
When WooCommerce is activated, there is a conflict between the CSS included with Jetpack and WooCommerce, resulting in the "Send test email" modal having an alignment issue.
### Steps to reproduce
1. Add WooCommerce to a Jetpack site
2. In the post preview panel under "Newsletters: All Subscribers", click the "Send test email"
3. See the button and form
### A clear and concise description of what you expected to happen.
The button input should be aligned. I think this could be fixed with a more specific CSS selector:
### What actually happened
### Impact
Some (< 50%)
### Available workarounds?
Yes, difficult to implement
### Platform (Simple and/or Atomic)
_No response_
### Logs or notes
Tested on Jetpack 12.9-a.11 on Pressable
Contributor guide
Research direction
Start by reproducing the issue in the Jetpack newsletter post preview with WooCommerce activated, then inspect the code and styles for the “Send test email” modal. Done means the button input and form are aligned in the preview without breaking the modal when WooCommerce is not installed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, php
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100