Plans 2023: Plan grid styling is not wrapping correctly #74749
Labels
[Feature Group] A8C Marketing & Sales
Automattic's marketing and sales operations for WordPress.com.
[Feature] Pricing
Feedback related to the pricing structure of WordPress.com's plans and services.
[Platform] Atomic
[Platform] Simple
[Pri] Low
[Product] WordPress.com
All features accessible on and related to WordPress.com.
[Type] Bug
User Report
This issue was created following a WordPress customer report
Quick summary
The plan comparison table on
/plans/[your-site-url]
under Compare Plans has some styling issues where the text breaks outside of its bounding box for the left hand column headers.I'm not entirely sure why this is the case, but it looks like the table is using an svg for the borders which may be why the width of the header is wider than the apparent column.
Steps to reproduce
/plans/[your-site-url]
What you expected to happen
I expected the text to simply wrap to the next line once the sentence was longer than the column width.
What actually happened
The text continues beyond the column's border onto the next column.
Impact
All
Available workarounds?
No but the platform is still usable
Platform (Simple and/or Atomic)
Simple, Atomic
Logs or notes
I found this originally while looking at the interface in Spanish. While the columns look fine in English, once we translate these strings into other languages we may run into this issue since the amount of text needed in another language may exceed that of English.
The text was updated successfully, but these errors were encountered: