Worcester12345 Reporter
	Description • 7 years ago

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170511130324

Steps to reproduce:

1) Go to web page
2) Select some text



Actual results:

3) Observe selected text is unreadable


Expected results:

4) Text should have been readable (so you know you have the right text to copy)

	Worcester12345 Reporter
	Comment 1 • 7 years ago

web site in question:
http://www.thegunmag.com/legislative-update-may-08-2017/

browser:
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0 ID:20170511130324

	Loic
	Comment 2 • 7 years ago

Chrome has the same issue, selected text is blurry.

	Mats Palmgren (inactive)
	Comment 4 • 7 years ago

I think this is a site issue...

	Karl Dubost💡 :karlcow
	Comment 5 • 7 years ago

Yeah. Not sure why they decided to do that. This would happen in any browsers. 

Basically the text has a white shadow which is not visible on white background, but because selection gives the background a color, the white shadow becomes visible and gives this blurry effect.

#post-entry .post-meta {
	text-shadow: 2px 0px 1px #fff;
}


The fix:
Just removes the white shadow on the text. Specifically when it is on a white background.

This is a low priority but feel free to contact them about it.

	Worcester12345 Reporter
	Comment 6 • 7 years ago

Here is another site with fuzzy text.

Highlight some text, then keep highlighting, dragging down so as to include a hyperlink, such as "club’s appeal of a cease-and-desist order on all". The hyperlink will appear fuzzy.

Is this the same thing?

http://www.telegram.com/news/20170516/westminster-zoning-board-allows-gun-club-to-resume-shooting

	Karl Dubost💡 :karlcow
	Comment 7 • 7 years ago

Worcester12345: Yes.

article.full > .inner .article-body .inner > p a {
	text-shadow: -.05em -.05em white, -.05em .05em white, .05em -.05em white, .05em .05em white;
	background-size: 5px 1em;
	box-shadow: inset 0 -0.175em #fff,inset 0 -0.2em rgba(105,128,150,0.8);
	display: inline;
}


See https://miketaylr.com/posts/2017/05/please-kill-text-shadow-in-selection.html

	Worcester12345 Reporter
	Comment 8 • 7 years ago

(In reply to Worcester12345 from comment #6)
> Here is another site with fuzzy text.
> 
> Highlight some text, then keep highlighting, dragging down so as to include
> a hyperlink, such as "club’s appeal of a cease-and-desist order on all". The
> hyperlink will appear fuzzy.
> 
> Is this the same thing?
> 
> http://www.telegram.com/news/20170516/westminster-zoning-board-allows-gun-
> club-to-resume-shooting

(In reply to Karl Dubost :karlcow from comment #7)
> Worcester12345: Yes.
> 
> article.full > .inner .article-body .inner > p a {
> 	text-shadow: -.05em -.05em white, -.05em .05em white, .05em -.05em white,
> .05em .05em white;
> 	background-size: 5px 1em;
> 	box-shadow: inset 0 -0.175em #fff,inset 0 -0.2em rgba(105,128,150,0.8);
> 	display: inline;
> }
> 
> 
> See
> https://miketaylr.com/posts/2017/05/please-kill-text-shadow-in-selection.html

The one in the telegram link seems to not be an issue (at least that I can tell) any more. Did something change?

	Karl Dubost💡 :karlcow
	Comment 9 • 7 years ago

It is still there on text with links.