1304810 - Microsoft Dynamics CRM notes appear to be blank due to #0000 rgba hex parsing

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Patrick Wilson]

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160916101415

Steps to reproduce:

In Microsoft Dynamics CRM 2016 (SP1, Online and On Premises), when adding a note to the social pane section, the notes show as white therefore not visible on the page. This seems to be caused by the CSS file containing a shortened color code which seemed to be fine with earlier versions of Firefox.


Actual results:

Firefox version 48.0.2 was able to parse the CSS file notesv2.css.aspx, line 111 which sets the text color, default is color: #0000; In Firefox version 49.0, using developer style editor, setting it to color: #000000; fixed the issue and text looks black as before. It seems that version 49.0 does not like the truncated color value. 


Expected results:

Firefox should have still parsed the color correctly like older versions and text color should have been black.

Comment 1

[Loic]

Is it possible to provide a reduced testcase, maybe a local save of the page or something like that?

it would be useful to reproduce the issue and debug it.

Comment 2

[Patrick Wilson]

Attachment: Microsoft Dynamics Notes CSS file

This is the CSS file in question, changing line 111 from color: #0000; and setting it to color: #000000; fixed the issue

Comment 3

[Patrick Wilson]

I have to be very careful with the information I provide but i will upload a few files that may help.

Comment 4

[Patrick Wilson]

Attachment: Screenshot showing broken CSS

Shows what the notes look like when broken

Comment 5

[Patrick Wilson]

Attachment: Notes CSS Line 111 fixed Screenshot.png

Shows the notes once the line 111 color: #0000; is set to color: #000000; fixed the issue. Seems as if previous versions of Firefox didn't mind seeing the color = #0000 and version 49 now can't parse it

Comment 6

[Loic]

Do you have the html file with the textarea to write notes?

Comment 7

[Patrick Wilson]

Attachment: Saved Page (page.htm)

This will probably help, attached is the saved page of a test case I created. Page.htm will open and you can see the notes will show in other browsers, firefox 49.0 will show the note text in white.

Comment 8

[Alice0775 White]

#0000 is interpreted as #rgba after landing Bug 567283.

So, this is the site problem.

Comment 9

[Alice0775 White]

See 
https://www.fxsitecompat.com/en-CA/docs/2016/support-for-rgba-colour-values-may-validate-previously-invalid-values/

Comment 10

[Patrick Wilson]

So, am I understanding this correctly that Microsoft needs to fix their CSS file?

Comment 11

[Loic]

Yes, it sounds like a Tech Evangelism bug. Someone at Mozilla has probably a good contact at MS to address this issue about "Microsoft Dynamics CRM 2016".

David, do you know someone at Mozilla who could contact MS?

Comment 12

[Mike Taylor [:miketaylr]]

I sent an email to our Microsoft discuss list.

Comment 13

[Mike Taylor [:miketaylr]]

In case someone from Microsoft ends up on this bug (and isn't on that mailing list):

The bug is in notesv2.css:

.notesWall .notesTextBoxDiv .notesTextBox,
.notesWall .notesTextBoxDiv .notesTitleBox
{
[..snip...]
	color: #0000;
}

The fix would be to just use #000 or #000000 (like the rest of the file).

Comment 14

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

... or perhaps to remove the line, since it was previously ignored.

Comment 15

[Mike Taylor [:miketaylr]]

> ... or perhaps to remove the line, since it was previously ignored.

Yeah, good point.

Comment 16

[[e-mail]]

Hi, i am Firefox user, just checking in, for any development on this issue?

Comment 17

[Karl Dubost💡 :karlcow]

See Comment #12
Microsoft has been contacted. 
I just sent a reminder.

Comment 18

[aodorfer]

The issue has been resolved with the latest CRM Online update by Microsoft:
https://support.microsoft.com/en-us/kb/3206339
Service Update 4 resolves the following issues:
-You can't see the Notes content in Safari browser version 10.0 or Firefox.

Comment 19

[Mike Taylor [:miketaylr]]

Let's close as FIXED based on Comment #18 -- thanks!