canonical / canonical/vanilla-framework

[Bug]: Pull quote has displays issues with additional double quotes

Open
#5,711 2 comments 0 reactions 0 assignees View on GitHub
Bug 🐛 Good first issue 🔰
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):

Image

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.

Image

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
Image

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
Image

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

Image

**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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.