UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36

Steps to reproduce the problem:
1. Visit http://jbruni.com.br/devtools-bug-report.html
2. Follow instructions in the page

(Alternatively, you can use the HTML + CSS files attached in this bug report. They are the very same pair of markup and styles which I uploaded to my site.)

What is the expected behavior?
When we mouse-over and right-click + "Open in New Tab" the background-image URL of the body element, we expect to see and to have the correct image URL opened.

What went wrong?
Dev Tools appends the full URL to the current domain, as if it was a relative path. Example:

- background-image URL is "https://example1.com/image.png"
- URL of current page is "https://example2.com/index.html"

Dev Tools opens a new tab at "https://example2.com/https://example1.com/image.png", which is completely wrong.

Did this work before? N/A 

Chrome version: 66.0.3359.181  Channel: stable
OS Version: Lubuntu 17.10
Flash Version: 

This is probably related to SOURCE MAP PARSING.

I tried to quickly create a simple CSS stylesheet to show the issue, but in the short time I've spent, I failed.

Thus, the bug report is using the original CSS stylesheet from when I first saw the issue happening. It belongs to a project I'm working on, and it is generated by node-sass parsing of SCSS files.
 

Deleted: devtools-bug-report.html 800 bytes

devtools-bug-report.html 800 bytes View Download

Deleted: devtools-bug-report.css 739 KB

devtools-bug-report.css 739 KB View Download