X
Tap here to go to the mobile version of the site.

Support Forum

I can't select text in a specific site

Posted

I'm running the latest Firefox version (67.0, 64 bit) on Windows 10 64 bit Professional, with all the most recent updates. No extensions installed.

I found out highighted text does not show up in one of the sites I visit often. You know when you select a lenght of text for copying and it becames white over blue? This doesn't happen in this site alone. Using other browsers (Chrome, Edge), it works as expected. In Firefox, although the text is not highlighted, it will be copied normally if I press CTRL +C.

I have already tried safe mode and a clean installation (uninstal + restart PC + delete all Firefox related foders + install).

Have anyone seen anything like that?

Thanks a lot

I'm running the latest Firefox version (67.0, 64 bit) on Windows 10 64 bit Professional, with all the most recent updates. No extensions installed. I found out highighted text does not show up in one of the sites I visit often. You know when you select a lenght of text for copying and it becames white over blue? This doesn't happen in this site alone. Using other browsers (Chrome, Edge), it works as expected. In Firefox, although the text is not highlighted, it will be copied normally if I press CTRL +C. I have already tried safe mode and a clean installation (uninstal + restart PC + delete all Firefox related foders + install). Have anyone seen anything like that? Thanks a lot
Quote

Additional System Details

Installed Plug-ins

None

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0

More Information

FredMcD
  • Top 10 Contributor
4186 solutions 58437 answers

Please provide a public link (no password) that we can check out. No Personal Information Please !


Many site issues can be caused by corrupt cookies or cache.

Warning ! ! This will log you out of sites you're logged in to. You may also lose any settings for that website.

If there is still a problem, Start Firefox in Safe Mode {web link} by holding down the <Shift> (Mac=Options) key, and then starting Firefox.

A small dialog should appear. Click Start In Safe Mode (not Refresh). Did this help?

While you are in safe mode;

Try disabling graphics hardware acceleration in Firefox. Since this feature was added to Firefox it has gradually improved but there are still a few glitches.

How to disable Hardware Acceleration {web link}

Please provide a public link (no password) that we can check out. '''No Personal Information Please ! ''' ------------- Many site issues can be caused by corrupt cookies or cache. '''Warning ! ! ''' This will log you out of sites you're logged in to. You may also lose any settings for that website. * [https://support.mozilla.org/en-US/kb/delete-cookies-remove-info-websites-stored Delete cookies to remove the information websites have stored on your computer] {web link} * [https://support.mozilla.org/en-US/kb/how-clear-firefox-cache How to clear the Firefox cache] {web link} If there is still a problem, '''[https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode Start Firefox in Safe Mode]''' {web link} by holding down the '''<Shift> ''(Mac=Options)''''' key, and then starting Firefox. A small dialog should appear. Click '''Start In Safe Mode''' (not Refresh). Did this help? While you are in safe mode; Try disabling graphics hardware acceleration in Firefox. Since this feature was added to Firefox it has gradually improved but there are still a few glitches. ''[https://support.mozilla.org/en-US/kb/forum-response-disable-hardware-acceleration How to disable Hardware Acceleration]'' {web link}
Was this helpful to you?
Quote

Question owner

Thanks for your help, Fred. But, as stated on the original post, I had already tried a clean install deleting all the folders, which of course deleted navigation data. I also said I tried safe mode.

Now I tried disabling hardware acceleration. Didn't solve the problem. Not on Windows 10, not on my other computer, which runs Linux Mint 19 with Firefox 66.0.5.

You can try by yourself and see if you can select text on this site with Firefox (and compare with other browsers)

Thank you.

Thanks for your help, Fred. But, as stated on the original post, I had already tried a clean install deleting all the folders, which of course deleted navigation data. I also said I tried safe mode. Now I tried disabling hardware acceleration. Didn't solve the problem. Not on Windows 10, not on my other computer, which runs Linux Mint 19 with Firefox 66.0.5. You can try by yourself and see if you can select text on [https://g1.globo.com/mundo/noticia/2019/05/26/eleicoes-europeias-entram-no-ultimo-dia-de-votacoes-saiba-o-que-esta-em-jogo.ghtml this site] with Firefox (and compare with other browsers) Thank you.
Was this helpful to you?
Quote
FredMcD
  • Top 10 Contributor
4186 solutions 58437 answers

Yes, I see what you mean now. Something on that website/page is causing the issue. Contact their support.

https://www.ghacks.net/2019/05/17/translate-anything-instantly-in-firefox-with-translate-man/ This is a translator add-on. Text that you highlight is displayed in a small window with its translation. I think you will find it very useful on that web page.

Yes, I see what you mean now. Something on that website/page is causing the issue. Contact their support. https://www.ghacks.net/2019/05/17/translate-anything-instantly-in-firefox-with-translate-man/ This is a translator add-on. Text that you highlight is displayed in a small window with its translation. I think you will find it very useful on that web page.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8568 solutions 70078 answers

Helpful Reply

It's strange, when I click into the address bar then the selection becomes apparent, but not while the cursor is still in the document.

There is a method sites can use to modify the appearance of selected text in their style sheets (::selection on MDN). I think it's very odd to make it appear that it is not selected, however.

To override what the site is doing, you could inject this style rule into the page:

/* Restore selection appearance */
::selection {
  color: white !important;
  background-color: #0074e8 !important;
}

The easiest way to do that automatically is to use an add-on. For example:

Install Stylus, a tool for applying custom style rules to sites:

https://addons.mozilla.org/firefox/addon/styl-us/

And then install this custom style rule:

https://userstyles.org/styles/172274/restore-selection-appearance-on-globo-com

It's strange, when I click into the address bar then the selection becomes apparent, but not while the cursor is still in the document. There is a method sites can use to modify the appearance of selected text in their style sheets ([https://developer.mozilla.org/docs/Web/CSS/::selection ::selection on MDN]). I think it's very odd to make it appear that it is not selected, however. To override what the site is doing, you could inject this style rule into the page: <pre>/* Restore selection appearance */ ::selection { color: white !important; background-color: #0074e8 !important; } </pre> The easiest way to do that automatically is to use an add-on. For example: Install Stylus, a tool for applying custom style rules to sites: https://addons.mozilla.org/firefox/addon/styl-us/ And then install this custom style rule: https://userstyles.org/styles/172274/restore-selection-appearance-on-globo-com
Was this helpful to you? 1
Quote

Question owner

FredMcD said

Yes, I see what you mean now. Something on that website/page is causing the issue. Contact their support.

Thanks fro your input, Fred, but this is far from being a way towards a solution. The text selection on this site work in every browser but Firefox. I need it for work (part of my research job is quoting various news sources to my co-workers), so I'd rather ditch Firefox. It's a Firefox issue. The text selection used to work even on Firefox old versions.

''FredMcD [[#answer-1225215|said]]'' <blockquote> Yes, I see what you mean now. Something on that website/page is causing the issue. Contact their support. </blockquote> Thanks fro your input, Fred, but this is far from being a way towards a solution. The text selection on this site work in every browser but Firefox. I need it for work (part of my research job is quoting various news sources to my co-workers), so I'd rather ditch Firefox. It's a Firefox issue. The text selection used to work even on Firefox old versions.
Was this helpful to you?
Quote

Question owner

jscher2000 said

It's strange, when I click into the address bar then the selection becomes apparent, but not while the cursor is still in the document.

Exactly! It's SO annoying!

The easiest way to do that automatically is to use an add-on. For example: Install Stylus, a tool for applying custom style rules to sites: https://addons.mozilla.org/firefox/addon/styl-us/ And then install this custom style rule: https://userstyles.org/styles/172274/restore-selection-appearance-on-globo-com

That's a great tip. I'm now using my third computer (Windows 10 64bit) which never ran Firefox before. What I did:

1. Install Firefox, latest version

2. Test text selection on the website. Same issue.

3. Install the Stylus add on

4. Install the custom style rule (I understand you created this rule for this sole purpose, is that right? Wow, man, thank you very much. Going out of your way to help someone you don't know, I truly appreciate that)

RESULT: IT WORKS!

Thanks a lot, Jeff, that is amazing. But I'm still baffle as why does this happen on this site only on Firefox. Do you have any clues?

''jscher2000 [[#answer-1225276|said]]'' <blockquote> It's strange, when I click into the address bar then the selection becomes apparent, but not while the cursor is still in the document. </blockquote> Exactly! It's SO annoying! <blockquote> The easiest way to do that automatically is to use an add-on. For example: Install Stylus, a tool for applying custom style rules to sites: https://addons.mozilla.org/firefox/addon/styl-us/ And then install this custom style rule: https://userstyles.org/styles/172274/restore-selection-appearance-on-globo-com </blockquote> That's a great tip. I'm now using my third computer (Windows 10 64bit) which never ran Firefox before. What I did: 1. Install Firefox, latest version 2. Test text selection on the website. Same issue. 3. Install the Stylus add on 4. Install the custom style rule ''(I understand you created this rule for this sole purpose, is that right? Wow, man, thank you very much. Going out of your way to help someone you don't know, I truly appreciate that)'' RESULT: IT WORKS! Thanks a lot, Jeff, that is amazing. But I'm still baffle as why does this happen on this site only on Firefox. Do you have any clues?
Was this helpful to you?
Quote

Question owner

jscher2000 said

There is a method sites can use to modify the appearance of selected text in their style sheets (::selection on MDN). I think it's very odd to make it appear that it is not selected, however.

I have a very limited knowledge of web design, so I tried to take a look at the source code of an article on the website, using Google Chrome. The styles are as such:

body.multicontent {

       color: #333;
       background-color: #FFF;
   }
   .theme a {
       color: #C4170C;
   }
   .theme a:hover {
       color: #A6130A;
   }
       .mc-body *::selection {
           background: [196, 23, 12, 0.2];
       }
       .mc-body *::-moz-selection {
           background: [196, 23, 12, 0.2];
       }
   .theme-hover a:hover {
       color: #A6130A;
   }

Would this have anything to do with what you said?

''jscher2000 [[#answer-1225276|said]]'' <blockquote> There is a method sites can use to modify the appearance of selected text in their style sheets ([https://developer.mozilla.org/docs/Web/CSS/::selection ::selection on MDN]). I think it's very odd to make it appear that it is not selected, however. </blockquote> I have a very limited knowledge of web design, so I tried to take a look at the source code of [https://g1.globo.com/sp/sao-paulo/noticia/2019/05/26/manifestantes-fazem-ato-pro-bolsonaro-na-avenida-paulista.ghtml an article on the website], using Google Chrome. The styles are as such: <code> body.multicontent { color: #333; background-color: #FFF; } .theme a { color: #C4170C; } .theme a:hover { color: #A6130A; } .mc-body *::selection { background: [196, 23, 12, 0.2]; } .mc-body *::-moz-selection { background: [196, 23, 12, 0.2]; } .theme-hover a:hover { color: #A6130A; } </code> Would this have anything to do with what you said?
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8568 solutions 70078 answers

The *::selection and *::-moz-selection rules would be related. I'm not sure I understand the syntax of their background value. Is that a way to specify the color, like RGBA()?

The *::selection and *::-moz-selection rules would be related. I'm not sure I understand the syntax of their background value. Is that a way to specify the color, like RGBA()?
Was this helpful to you?
Quote

Question owner

jscher2000 said

The *::selection and *::-moz-selection rules would be related. I'm not sure I understand the syntax of their background value. Is that a way to specify the color, like RGBA()?

I haven't the slightest idea. If it is, those numbers would correspond to #C4170C, which is their titles / URL color.

''jscher2000 [[#answer-1225282|said]]'' <blockquote> The *::selection and *::-moz-selection rules would be related. I'm not sure I understand the syntax of their background value. Is that a way to specify the color, like RGBA()? </blockquote> I haven't the slightest idea. If it is, [https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Colors/seletor_de_cores those numbers would correspond to #C4170C], which is their titles / URL color.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8568 solutions 70078 answers

Helpful Reply

I added this thread to a pending bug report. It doesn't appear it will be fixed in a hurry:

https://bugzilla.mozilla.org/show_bug.cgi?id=1343967#c1

It generally is not helpful to add further comments to a bug beyond the new example and competitive comparison, so I think for now you'll need to use "self-help" for that site and any others you run across.

Or you could mention the problem to the site so they can fix their style sheet.

I added this thread to a pending bug report. It doesn't appear it will be fixed in a hurry: https://bugzilla.mozilla.org/show_bug.cgi?id=1343967#c1 It generally is not helpful to add further comments to a bug beyond the new example and competitive comparison, so I think for now you'll need to use "self-help" for that site and any others you run across. Or you could mention the problem to the site so they can fix their style sheet.
Was this helpful to you? 1
Quote

Question owner

jscher2000 said

I added this thread to a pending bug report. It doesn't appear it will be fixed in a hurry: https://bugzilla.mozilla.org/show_bug.cgi?id=1343967#c1 It generally is not helpful to add further comments to a bug beyond the new example and competitive comparison, so I think for now you'll need to use "self-help" for that site and any others you run across. Or you could mention the problem to the site so they can fix their style sheet.

Well, that's what I wanted: an explanation for why it's happening. I think I will be going back to Chrome for now. Thanks a lot for your patience and dedication to go to the core of it.

''jscher2000 [[#answer-1225303|said]]'' <blockquote> I added this thread to a pending bug report. It doesn't appear it will be fixed in a hurry: https://bugzilla.mozilla.org/show_bug.cgi?id=1343967#c1 It generally is not helpful to add further comments to a bug beyond the new example and competitive comparison, so I think for now you'll need to use "self-help" for that site and any others you run across. Or you could mention the problem to the site so they can fix their style sheet. </blockquote> Well, that's what I wanted: an explanation for why it's happening. I think I will be going back to Chrome for now. Thanks a lot for your patience and dedication to go to the core of it.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17334 solutions 156717 answers

The Inspector shows that this background property in invalid. If I edit this rule and add background-color: rgba(196, 23, 12, 0.2); the I see a reddish color for selected text.

The Inspector shows that this background property in invalid. If I edit this rule and add background-color: rgba(196, 23, 12, 0.2); the I see a reddish color for selected text.
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.