New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 657297 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Last visit 29 days ago
Closed: Oct 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 2
Type: Bug



Sign in to add a comment

Edit as HTML Field is too big

Reported by news.man...@gmail.com, Oct 19 2016

Issue description

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

Steps to reproduce the problem:
1. Open a page e.g. www.google.com and open devtools.
2. Open a node that is indented (around 5 indentions).
3. Open the contextmenu of that node and select "Edit as HTML"

What is the expected behavior?
The user can see the the source code and use the scrollbar on the right.

What went wrong?
The user can't see the scrollbar. The container with the code is cut off. Also depending on viewport and indention there are about 10 characters cut off.

Did this work before? N/A 

Chrome version: 54.0.2840.59  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 23.0 r0
 
scroll-visible.png
117 KB View Download
no-scroll.png
170 KB View Download
Cc: sureshkumari@chromium.org
Labels: M-56 OS-Linux
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Windows-7,Mac-10.11.4 and Linux Ubuntu-14.04 using reported version 54.0.2840.59,chrome stable version 54.0.2840.71 and L canary 56.0.2896.0.
This is Non-regression issue .Observed from earlier version of chrome 
M-40.0.2182.0.Hence marking it as Untraiged to get addressed.
Please find the attached screencast.

657297.mp4
1.2 MB View Download

Comment 2 by caseq@chromium.org, Oct 21 2016

Components: -Platform>DevTools Platform>DevTools>Authoring
Labels: -Arch-x86_64
Owner: lushnikov@chromium.org
Status: Assigned (was: Untriaged)
Project Member

Comment 3 by bugdroid1@chromium.org, Oct 25 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/2de862f7214638b6bc8ccf2c672ddf32b25dc768

commit 2de862f7214638b6bc8ccf2c672ddf32b25dc768
Author: lushnikov <lushnikov@chromium.org>
Date: Tue Oct 25 01:52:39 2016

DevTools: [Elements] account for the left indent in the width of inplace editor

The inplace editor's width should account for the left indent.

BUG= 657297 
R=dgozman

Review-Url: https://codereview.chromium.org/2451513002
Cr-Commit-Position: refs/heads/master@{#427233}

[modify] https://crrev.com/2de862f7214638b6bc8ccf2c672ddf32b25dc768/third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeElement.js

Status: Fixed (was: Assigned)

Sign in to add a comment