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

Issue 747404 link

Starred by 1 user

Issue metadata

Status: Verified
Owner:
Last visit > 30 days ago
Closed: Aug 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Chrome
Pri: 2
Type: Bug

Blocked on:
issue 748131

Blocking:
issue 754017
issue 747692
issue 748138



Sign in to add a comment

Allow pinning a UI element by clicking on it in UI DevTools inspect mode

Project Member Reported by thanhph@chromium.org, Jul 21 2017

Issue description

When in the 'inspect mode' of UI DevTools, clicking on a UI element within UI that is currently being inspected should 'pin' the element. When pinned, a persistent border should be drawn around the element, and any previously-pinned element should be un-pinned (i.e., at most one UI element may be pinned at any time).

Note that unlike Chrome DevTools, clicking on an element in the UI should *not* exit inspect mode.
 
Summary: Pin element when user clicks on element in UI Devtools during inspection mode. (was: Pin element when user clicks on element in UI Devtools.)
Summary: Pin element when user clicks on element in UI Devtools while in inspection mode. (was: Pin element when user clicks on element in UI Devtools during inspection mode.)
Summary: Show guide lines and pin element when user clicks on UIElement in UI Devtools while in inspection mode. (was: Pin element when user clicks on element in UI Devtools while in inspection mode.)
Labels: -Pri-3 Pri-2
Labels: -M-61 M-62
Summary: Allow pinning a UI element by clicking on it in UI DevTools inspect mode (was: Show guide lines and pin element when user clicks on UIElement in UI Devtools while in inspection mode.)
Description: Show this description
Blocking: 747692
Blockedon: 746711
Blockedon: -746711
Status: Started (was: Available)
Blockedon: 748131
Blocking: 748138
Blocking: 754017
Project Member

Comment 14 by bugdroid1@chromium.org, Aug 18 2017

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

commit 3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a
Author: Thanh Pham <thanhph@chromium.org>
Date: Fri Aug 18 22:05:35 2017

Show guide lines and pin elements when user clicks on UIElement in UI
DevTools while in inspection mode. 

This cl enables users, while in inspection mode, quickly see distances
between a pinned UIElement and a hovered element. To exit inspection
mode, user can click on the blue box-in-arrow or press ESC key. Guide
lines' UI is tweaked to look better in --force-device-scale-factor.

Change-Id: I3de056e856008401bb4b1777ee66e2f588259abf
Bug:  747404 
Reviewed-on: https://chromium-review.googlesource.com/582930
Commit-Queue: Thanh Pham <thanhph@chromium.org>
Reviewed-by: Sadrul Chowdhury <sadrul@chromium.org>
Cr-Commit-Position: refs/heads/master@{#495708}
[modify] https://crrev.com/3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a/components/ui_devtools/views/ui_devtools_dom_agent.cc
[modify] https://crrev.com/3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a/components/ui_devtools/views/ui_devtools_dom_agent.h
[modify] https://crrev.com/3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a/components/ui_devtools/views/ui_devtools_overlay_agent.cc
[modify] https://crrev.com/3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a/components/ui_devtools/views/ui_devtools_overlay_agent.h
[modify] https://crrev.com/3ed66df0d95f4d2fe3f2fb8b7bdcfee016e8dc4a/components/ui_devtools/views/ui_devtools_unittest.cc

Status: Fixed (was: Started)
Status: Verified (was: Fixed)

Sign in to add a comment