[Webkit-unassigned] [Bug 171111] New: Web Inspector: source maps in <style> tags are not taken into account

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Apr 21 05:26:42 PDT 2017


https://bugs.webkit.org/show_bug.cgi?id=171111

            Bug ID: 171111
           Summary: Web Inspector: source maps in <style> tags are not
                    taken into account
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: m.goleb+bugzilla at gmail.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 307722

  --> https://bugs.webkit.org/attachment.cgi?id=307722&action=review

Test using <link rel="stylesheet">

Safari (both stable, TP & WebKit Nightly) doesn't apply source maps when styles are loaded using inline <style> tags with a source map comment rather than via a <link rel=stylesheet> tag.

I'm attaching 3 files - one using the link-based approach (via blob URLs), the other two using <style>s; one with a static HTML and the other one where the <style> tag is loaded dynamically.

This simulates what Webpack's popular style-loader does. The link-based approach has drawbacks (e.g. it makes CSS get applied asynchronously which may influence page behavior) so the style-loader may turn into using <style> tags exclusively.

The <style>-based approach works in Chrome & Firefox (with one caveat in Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=714101).

To reproduce:
1. Open the attached HTML files (maybe via a local static HTTP server)
2. Inspect "Test div"
3. Try to find information about the source map mapping. You'll find it only in the <link>-based file.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170421/df353bf6/attachment-0001.html>


More information about the webkit-unassigned mailing list