Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Newsletter Preview: Button Misalignment when WooCommerce Installed #34404

Open
bobmatyas opened this issue Nov 30, 2023 · 2 comments
Open

Newsletter Preview: Button Misalignment when WooCommerce Installed #34404

bobmatyas opened this issue Nov 30, 2023 · 2 comments
Labels
[Feature] Subscriptions All subscription-related things such as paid and unpaid, user management, and newsletter settings. [Focus] Compatibility Ensuring our products play well with third-parties [Plugin] Jetpack Issues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/ [Pri] Low Triaged [Type] Bug When a feature is broken and / or not performing as intended

Comments

@bobmatyas
Copy link
Contributor

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:

Annotation on 2023-11-30 at 16-45-27

What actually happened

Annotation on 2023-11-30 at 16-53-12

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
@bobmatyas bobmatyas added [Type] Bug When a feature is broken and / or not performing as intended [Feature] Subscriptions All subscription-related things such as paid and unpaid, user management, and newsletter settings. Earn Earn features [Plugin] Jetpack Issues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/ Needs triage Ticket needs to be triaged labels Nov 30, 2023
@jeherve jeherve added [Focus] Compatibility Ensuring our products play well with third-parties Triaged and removed Earn Earn features Needs triage Ticket needs to be triaged labels Dec 1, 2023
@jeherve jeherve moved this from Needs Triage to Triaged in Automattic Prioritization: The One Board ™ Dec 1, 2023
@github-actions GitHub Actions
Copy link
Contributor

This issue has been marked as stale. This happened because:

  • It has been inactive for the past 6 months.
  • It hasn’t been labeled `[Pri] BLOCKER`, `[Pri] High`, `[Type] Feature Request`, `[Type] Enhancement`, `[Type] Janitorial`, `Good For Community`, `[Type] Good First Bug`, etc.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

@bobmatyas
Copy link
Contributor Author

Ran into this again today, it's still an issue in the latest WooCommerce and Jetpack versions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] Subscriptions All subscription-related things such as paid and unpaid, user management, and newsletter settings. [Focus] Compatibility Ensuring our products play well with third-parties [Plugin] Jetpack Issues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/ [Pri] Low Triaged [Type] Bug When a feature is broken and / or not performing as intended
Projects
Automattic Prioritization: The One Board ™
Status: Triaged
Milestone
No milestone
Development

No branches or pull requests
3 participants
@jeherve @coder-karen @bobmatyas