1385320 - Debugger devtools tab displays JS only from a Polymer component

Status: RESOLVED INVALID

(DevTools :: Debugger, defect, P3)

Description

[Simounet]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170726100322

Steps to reproduce:

- Go to https://www.webcomponents.org/collection/PolymerElements/paper-input-elements
- Open the devtools and go to the debugger tab
- Search for paper-input-error
- Look at the first result


Actual results:

- I can see only the JS code, not the whole component (HTML/CSS/JS).
- At the end of the view, there is a reference to a source map that doesn't exist:
//# sourceURL=https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input-elements/v0.0.8/paper-input/paper-input-behavior.html.js


Expected results:

I should see the whole component exposed to that URL: https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input-elements/v0.0.8/paper-input/paper-input-behavior.html

I'm not sure if it is a Firefox issue or the view exposed by the polyfill used by Polymer to make it's components to work on Firefox.

Comment 1

[Simounet]

Attachment: Polymer debug view on chromium

Comment 2

[Simounet]

Attachment: Polymer debug view on Firefox

Comment 3

[Bryan Clark (DevTools PM) [:clarkbw]]

Tracking this here: https://github.com/devtools-html/debugger.html/issues/3568

Comment 4

[Jason Laster [:jlast]]

Thanks for filing Simounet, I'll hopefully have a chance to look into it soon.

Comment 5

[Jason Laster [:jlast]]

Hi, would you mind checking again? I'm not that familiar with vue.

Comment 6

[Simounet]

Hello,
It's about Polymer, not Vue and yes, I'm still encountering this issue.

Comment 7

[Logan Smyth [:loganfsmyth]]

Would you be able to validate if this is still happening on Firefox Nightly, and if so, update these reproduction steps?

Comment 8

[Simounet]

I'm not using Polymer anymore and it changed a lot. I can't find the previous way of mixing HTML, CSS and JS. Now, JS wrap HTML and CSS into template literals and the source looks ok in Firefox.
I think we can close this issue.

Comment 9

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Thank you for the update, closing.

Honza