New issue
Advanced search Search tips

Issue 850953 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Jun 2018
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Displaying special entity in html editing

Reported by mateus.a...@betha.com.br, Jun 8 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36

Steps to reproduce the problem:
1. Console
2. Elements
3. Select a node with any attribute value that has the "&"
4. Right-click this node
5. Edit as HTML
6. It will show &

What is the expected behavior?
Display original char.

What went wrong?
Displaying special entity instead of original char.

Did this work before? N/A 

Chrome version: 67.0.3396.79  Channel: stable
OS Version: 10.0
Flash Version:
 
original_char.png
4.4 KB View Download
special_entity.png
4.0 KB View Download
Labels: Needs-Triage-M67
Labels: Triaged-ET M-69 Target-69 FoundIn-69 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on chrome reported version 67.0.3396.79 and on latest chrome 69.0.3453.3 using Windows-10, Ubuntu 14.04 and Mac 10.13.3. As this issue is seen from M-60(60.0.3112.0), hence considering this issue as Non-Regression and marking it as Untriaged.

Thanks!

Comment 3 by kozy@chromium.org, Jun 11 2018

Owner: l...@chromium.org
Status: Assigned (was: Untriaged)

Comment 4 by l...@chromium.org, Jun 14 2018

Status: WontFix (was: Assigned)
Thanks for the report.  Showing the "&" in the editor is actually intended behavior.  When editing a node, DevTools shows an editor with the outerHTML, which the browser reports using these entities.

Other characters also represent as entities in HTML, and evaluating 'outerHTML' reflects this:
`
document.body.innerHTML = `><&`;
console.log(document.body.outerHTML)
`

The only supported way to edit HTML with non-HTML entities is by editing a file in Sources that is mapped to an HTML file:
https://developers.google.com/web/tools/chrome-devtools/workspaces/#sources

Ok.

Thanks!

Sign in to add a comment