Bug 1524319 Comment 0 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Original comment by
on 
Bug 1271191 added support for the #RRGGBBAA hexadecimal with alpha color format:
https://drafts.csswg.org/css-color/#hex-notation

However, when set via DevTools CSS Rules pane, the value is converted in a lossy way, losing the opacity precision.

To reproduce:
1. Open DevTools.
2. Focus some element.
3. In the CSS Rules pane, add a new property: `color: #fefefef0`.
4. Notice the browser changes it to `color: #fefefee6`.

The weird thing is this looks only as a representation problem - CSSOM APIs return the correct value:

  document.body.style.color; // "rgba(254, 254, 254, 0.94)"

If you set the Firefox-modified value via CSSOM, you can see it's different:

  document.body.style.color = '#fefefee6';
  document.body.style.color; // "rgba(254, 254, 254, 0.90)"
Revision 1 by
on 
Bug 1271191 added support for the #RRGGBBAA hexadecimal with alpha color format:
https://drafts.csswg.org/css-color/#hex-notation

However, when set via DevTools CSS Rules pane, the value is converted in a lossy way, losing the opacity precision.

To reproduce:
1. Open DevTools.
2. Focus some element.
3. In the CSS Rules pane, add a new property: `color: #fefefef0`.
4. Notice the browser changes it to `color: #fefefee6`.

The weird thing is this looks only as a representation problem - CSSOM APIs return the correct value:

```
document.body.style.color; // "rgba(254, 254, 254, 0.94)"
```

If you set the Firefox-modified value via CSSOM, you can see it's different:


```
document.body.style.color = '#fefefee6';
document.body.style.color; // "rgba(254, 254, 254, 0.90)"
```
Revision 2 by
on 
Bug 1271191 added support for the #RRGGBBAA hexadecimal with alpha color format:
https://drafts.csswg.org/css-color/#hex-notation

However, when set via DevTools CSS Rules pane, the value is converted in a lossy way, losing the opacity precision.

To reproduce:
1. Open DevTools.
2. Focus some element.
3. In the CSS Rules pane, add a new property: `color: #fefefef0`.
4. Notice the browser changes it to `color: #fefefee6`.

The weird thing is this looks only as a representation problem - CSSOM APIs return the correct value:

```js
document.body.style.color; // "rgba(254, 254, 254, 0.94)"
```

If you set the Firefox-modified value via CSSOM, you can see it's different:


```js
document.body.style.color = '#fefefee6';
document.body.style.color; // "rgba(254, 254, 254, 0.90)"
```

Back to Bug 1524319 Comment 0