Last modified: 2014-08-22 18:06:10 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T51285, the corresponding Phabricator task for complete and up-to-date bug report information.

Bug 49285 - ArticleFeedbackv5: Text is blurry due to use of CSS3 filter


Summary:	ArticleFeedbackv5: Text is blurry due to use of CSS3 filter

Status:	RESOLVED FIXED

Product:	MediaWiki extensions
Classification:	Unclassified
Component:	ArticleFeedbackv5 (Other open bugs)
Version:	unspecified
Hardware:	All All

Importance:	Lowest normal (vote)
Target Milestone:	---
Assigned To:	Matthias Mullie

URL:
Whiteboard:
Keywords:	code-update-regression

Depends on:
Blocks:
	Show dependency tree / graph

Reported:	2013-06-07 02:27 UTC by Krinkle
Modified:	2014-08-22 18:06 UTC (History)
CC List:	3 users (show)

See Also:
Web browser:	---
Mobile Platform:	---
Assignee Huggle Beta Tester:	---

Attachments
Screenshot of problem. (23.74 KB, image/png) 2013-06-07 02:27 UTC, Krinkle	Details
Add an attachment (proposed patch, testcase, etc.)

Description Krinkle 2013-06-07 02:27:24 UTC

Created attachment 12487 [details]
Screenshot of problem.

This CSS3 feature is known to be problematic due to the browser using a pixel-based filter which, apparently, doesn't account for pixel ratio of the device yet.

On iOS Mobile Safari and other webkit-based engines (desktop: Blink, Chromium, Chrome, Safari, ..) this is causing some text to be blurry.

I'd recommend not using this feature for now. If you must, try to limit it to icons and move the text into a separate element that is not affected by the same selector.

Especially noticeable since only some of the fields in Special:ArticleFeedbackv5 use it. The others look good, making this one look even blurrier (optical illusion).


https://www.google.com/search?q=webkit+filter+grayscale+blurry+retina

Comment 1 Krinkle 2013-06-07 02:27:46 UTC

Marking as regression since afaik this wasn't the case a few weeks ago.

Comment 2 Gerrit Notification Bot 2013-06-11 12:14:09 UTC

Related URL: https://gerrit.wikimedia.org/r/67970 (Gerrit Change Ibbdaad24102fb9add1d8401dfbfd679259e1089e)

Comment 3 Gerrit Notification Bot 2013-06-11 12:14:12 UTC

Related URL: https://gerrit.wikimedia.org/r/67970 (Gerrit Change Ibbdaad24102fb9add1d8401dfbfd679259e1089e)

Comment 4 Gerrit Notification Bot 2013-09-04 17:26:23 UTC

Change 67970 merged by EBernhardson (WMF):
(bug 49285) ArticleFeedbackv5: Text is blurry due to use of CSS3 filter

https://gerrit.wikimedia.org/r/67970

Wikimedia Bugzilla is closed!

Search

Personal tools

Navigation

Links