1029916 - Background of selected text becomes gray when using "Responsive Design View"

Status: REOPENED

(DevTools :: Responsive Design Mode, defect, P3)

Description

[u452416]

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140608211622

Steps to reproduce:

When we select a text, the background color of the selection changes to blue (in Windows, with non-stilized pages).

After using the Responsive Design View, the background of all the selected text becomes gray, and keep as it until we focus on another tab and back.


Actual results:

the background of all the selected text becomes gray instead of blue.


Expected results:

the background of all the selected text becomes should keep blue (or the color that it's estilized for)

Comment 2

[Sebastian Zartner [:sebo]]

Bug 1093624 has a test case attached.

Sebastian

Comment 3

[ruben.maes96]

Attachment: Minimal working example for the issue

Steps to reproduce:
1. Open the test case document.
2. Select some text, notice the colours.
-> The first paragraph's selection colours are determined by the operating system or so. The second paragraph's background should be green, its text black.
3. Enter Responsive Design View (Ctrl+Shift+M)
4. Repeat step 2.
-> All selected text has a grey background and white text.
5. Reload the page or switch to another tab and back again, while leaving RDV open. Repeat step 2.
-> Selection colours behave normally again.
6. Exit RDV. Repeat step 2.
-> All selected text has a grey background and white text.
7. Reload the page or switch tabs, while leaving RDV closed. Repeat step 2.
-> Selection colours behave normally again.

Note: The issue is also present when no custom selection colours are set.

Comment 4

[nusratfarin89]

I tried to reproduce this bug and the bug is visible. After using the responsible View, the background of all the selected text becomes gray, and keep as it until I focus on another tab and back.

Version: Firefox 37.0 and 
User  agent:  Mozilla/5.0 (Windows NT 6.1; rv:37.0) Gecko/20100101 Firefox/37.0
Operating System: Windows

Comment 5

[pujasree.saha.cse]

i also faced same problem.
 uger agent: Mozilla/5.0 (Windows 8.1 NT 6.3; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0 i used Firefox
Version36.0.3

Comment 6

[Muktasib Un Nur]

Reproduces this bug. First time I open Responsive Design View, the background of selected texts are Gray. However, if I change the resolution or reload the page, the problem is gone and background color of selected texts becomes blue again.

Tested in:
Firefox Nightly 39.0a1 (2015-03-20)
Build Id: 20150320030211
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0

Firefox Developer Edition 38.0a2 (2015-03-20)
Build Id: 20150320004008
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:38.0) Gecko/20100101 Firefox/38.0

OS: Windows 7 home premium.

Comment 7

[razoanarini]

I have tested this bug .First time  i checked the design  by select some text .when i selected the text background color was not same.After reloaded the page and selected the text the page background color  was gray.

 Tested through :
 Firefox 36.03 .
 Build in:20150319201009
 User agent: Mozilla/5.0 (Windows NT 6.1; rv:36.0) Gecko/20100101 Firefox/36.0

Firefox  Developer Edition 38.0a2 (2015-03-20)
Build id :2201503190040
User agent:Mozilla/5.0 (Windows NT 6.1; rv:38.0) Gecko/20100101 Firefox/38.0


Firefox Nightly  39.0a1(2015-03-20)
Build id:20150320030211
User agent:Mozilla/5.0 (Windows NT 6.1; rv:39.0) Gecko/20100101 Firefox/39.0
OS Windows:7

Comment 8

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

This bug appears to be fixed in the new RDM UI shipping in Firefox 52.

Comment 9

[Sebastian Zartner [:sebo]]

Attachment: Gray selection in RDM

Unfortunately it is still not working for me using Nightly 52.0a1 (2016-11-11) on Windows 10 (64-bit). In the attached screenshot you see the selection in normal mode on the left and RDM on the right.

It is expected that the selection background is blue, though it is gray.

Sebastian

Comment 10

[Tim Nguyen :ntim]

Looks like the selection is blue when the web content is focused, and gray when the RDM is focused.