canonical / canonical/vanilla-framework
[Bug]: Pull quote has displays issues with additional double quotes
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
**Describe the bug**
A [pull quote](https://vanillaframework.io/docs/patterns/pull-quote) element on the blog [ubuntu.com/blog/canonical-announces-ubuntu-pro-for-wsl](https://ubuntu.com/blog/canonical-announces-ubuntu-pro-for-wsl) shows an additional double quote, as seen in the image below towards the end of the quote paragraph (Safari 26.1 (21622.2.11.11.9), macOS 26.1):
In a different browser, the additional quote overlaps with the blockquote text, as can be seen in the end quote on top of the "Linux" text below (Chrome 142.0.7444.176 (Official Build) (arm64), macOS 26). Sometimes it initially displays like the screenshot above at first and only manifests when the window width is decreased, other times it shows from the start.
The code used for this blockquote element is the following, added within WordPress:
```
Canonical and Microsoft have a fantastic partnership, building out the WSL experience. This work will benefit enterprise developers who use WSL to build production Linux solutions.
Craig Loewen, Product Manager for WSL at Microsoft
```
**To Reproduce**
Steps to reproduce the behavior:
1. Go to [ubuntu.com/blog/canonical-announces-ubuntu-pro-for-wsl](https://ubuntu.com/blog/canonical-announces-ubuntu-pro-for-wsl)
2. See blockquote issue
**Expected behavior**
Blockquote displays as expected, without any additional double quotes.
Worth noting that this behavior is not observed on the Canonical version of this blog, over at [canonical.com/blog/canonical-announces-ubuntu-pro-for-wsl](https://canonical.com/blog/canonical-announces-ubuntu-pro-for-wsl)
**ubuntu.com blog tested on**
Safari 26.1 (21622.2.11.11.9) — macOS 26.1, MacBook Air M2
Chrome 142.0.7444.176 (Official Build) (arm64) — on both macOS 26.1, MacBook Air M2 and Ubuntu 24.04.3 LTS, Thinkpad T14 Gen 6
Firefox 145.0.2 (64-bit) — Ubuntu 24.04.3 LTS
Firefox 145.0.2 (64-bit) — macOS 26.1, MacBook Air M2
(Could not test, WordPress forcefully redirects to canonical.com/blog version)
Safari — iOS 26.1, iPhone 15
**Additional context**
Another issue that may or may not be related is the thumbnail for this blog not displaying properly on macOS on ubuntu.com, and redirects to the canonical.com blog happening on Firefox and Chrome for macOS.
Contributor guide
Research direction
Start by searching the pull-quote pattern for the p-pull-quote--small and p-pull-quote__quote classes, then reproduce the issue using the WordPress blog URL in Safari, Chrome, or Firefox at different widths. Done means the pull quote renders without an additional or overlapping double quote across the reported browsers and sizes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100