Web-bugs: g1.globo.com - see bug description

[webcompat-bot]

URL: https://g1.globo.com/mundo/noticia/2018/09/12/moradores-da-costa-leste-dos-eua-deixam-litoral-enquanto-furacao-florence-se-aproxima.ghtml

Browser / Version: Firefox 62 and 63
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Something else
Description: It doesn't show highlight over text selected.
Steps to Reproduce:
Click and hold over text on this popular Brazilian site. It only shows highlight over selected text when I take screenshot via context menu.

Browser Configuration

• mixed active content blocked: false
• buildID: 20180910132416
• tracking content blocked: false
• gfx.webrender.blob-images: true
• gfx.webrender.all: false
• mixed passive content blocked: false
• gfx.webrender.enabled: false
• image.mem.shared: true
• channel: beta

_From webcompat.com with ❤️_

[miketaylr]

Yep, this reproduces for me. I can see selection in Chrome as well.

Possibly some ::selection CSS doing something useless here?

[karlcow]

Yeah, square brackets…

.mc-body *::selection {
background: rgba[196, 23, 12, 0.2];
}

.mc-body *::-moz-selection {
background: rgba[196, 23, 12, 0.2];
}

The correct syntax is

.mc-body *::selection {
background: rgba(196, 23, 12, 0.2);
}

Bonus: -moz is useless here. :)

Now the interesting bit is that the invalid rule, makes selection disappears completely?

Let's move this to needscontact.

But also create a testcase for this.

Let's go to select text with Chrome and Firefox and notice the difference.
https://codepen.io/webcompat/pen/qMMgaq

[karlcow]

I opened https://bugzilla.mozilla.org/show_bug.cgi?id=1491743

[karlcow]

@globocom has a lot of listed people
https://github.com/orgs/globocom/people

@cezarsa is a backend engineer who seems active on github but maybe he can help us find a Web designer at G1 Globo for fixing this simple error in the CSS.
as explained in https://github.com/webcompat/web-bugs/issues/18759#issuecomment-421892740

[cezarsa]

Hi @karlcow, thanks for the ping. I'm not directly involved with this code but I'll raise the issue internally, it looks like a simple fix.

[softvision-oana-arbuzov]

The issue has been fixed. The text gets highlighted now.

Tested with:
Browser / Version: Firefox Nightly 82.0a1 (2020-09-13)
Operating System: Windows 10 Pro