Page previews for the same article are similarly odd on light theme. Strikingly similar to T365428.
QA steps
- Hover over the 2 links in https://en.wikipedia.beta.wmflabs.org/wiki/T375316 in both dark and light mode. Make sure in neither example the content is abruptly truncated (See T213107 for reference).
Steps to replicate the issue (include links if applicable):
- I am logged-out, if that affects things.
- The article I encountered this from was https://en.wikipedia.org/wiki/Major-General%27s_Song
- Specifically, https://en.wikipedia.org/wiki/Major-General%27s_Song#:~:text=When%20I%20know%20more%20of%20tactics%20than%20a%20novice%20in%20a%20nunnery%20%E2%80%93
- This appears in any article linking to https://en.wikipedia.org/wiki/Novitiate as far as I can tell (with a sample size of 4)
- On light theme, there is a similarly strange page preview. [[Novitiate]] doesn't seem to use any little-used (and likely dark-noncompliant) templates, but perhaps this could instead be a template-related issue and not one concerning MediaWiki.
What happens?:
As the article trails off, there appears a strange white 'shadow' at the end of the paragraph.
What should have happened instead?:
- A less grotesque shadowing is likely preferred by the Reader, whose views of Wiki{p/m}edia we hold most dearly.
As always, cheers and thanks for putting up with my oft-invalid tickets!
JayCubby
Derived Requirement
Ensure that page previews in both dark and light mode do not exhibit strange visual artifacts, such as white shadows at the end of paragraphs, when hovering over links to articles like [[Novitiate]]. The content should display cleanly without abrupt truncation or shadowing.
BDD
Feature: Consistent and clean page previews in dark and light modes
Scenario: Ensure no visual artifacts or truncation in page previews
Given a user is logged out and browsing in light or dark mode When the user hovers over a link to [[Novitiate]] or a similar article Then the page preview should display cleanly without abrupt truncation or strange shadowing
Test Steps
Test Case 1: Ensure page previews in dark mode do not exhibit visual artifacts
- Go to T375316 article.
- Enable dark mode.
- Hover over the links in the article.
- AC1: Confirm that the page preview does not truncate abruptly or display strange shadowing at the end of the paragraph.
Test Case 2: Ensure page previews in light mode do not exhibit visual artifacts
- Go to T375316 article.
- Enable light mode.
- Hover over the links in the article.
- AC2: Confirm that the page preview does not truncate abruptly or display strange shadowing at the end of the paragraph.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T375316#10176501 |
| 2 | ✅ | T375316#10176501 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T375316#10248975 |
| 2 | ✅ | T375316#10248975 |
