[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