New issue
Advanced search Search tips

Issue 908637 link

Starred by 1 user
Status: Fixed
Owner:
l...@chromium.org
Closed: Jan 2
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

DevTools: overlay Element info (dimensions) should always be visible

Project Member Reported by l...@chromium.org, Nov 26 
What steps will reproduce the problem?
(1) Open a page where an element is offscreen
(2) Inspect the Element with DevTools
(3) Hover over the element's entry in the Elements panel tree

What is the expected result?
DevTools should show the Element info (dimension, selector) on screen, even if the target element is offscreen.

What happens instead?
Element info tooltip moves offscreen as well.

Sample repro:
div {
  position: absolute;
  width: 100%;
  left: 0;
  transform: translate(-50%, 0);
}


Originally posted by user:
https://groups.google.com/forum/#!topic/google-chrome-developer-tools/p67IibsrlE8
Project Member

Comment 1 by bugdroid1@chromium.org, Jan 2 

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

commit 6505a439e0b8e6255439ff2d312b2f60e4e107b2
Author: Erik Luo <luoe@chromium.org>
Date: Wed Jan 02 20:01:59 2019

DevTools: fix overlay tooltip bounds logic

This CL fixes the overlay element info tooltip in 2 cases:
- Elements located offscreen to the left had no visible tooltip
- Elements whose width is too narrow had offset tooltip arrows

Screenshot: https://imgur.com/a/WIVozJC

Bug:  908637 
Change-Id: I9b22dda4fb15761c86d58e529cd1340d6711ba85
Reviewed-on: https://chromium-review.googlesource.com/c/1385185
Reviewed-by: Alexei Filippov <alph@chromium.org>
Commit-Queue: Erik Luo <luoe@chromium.org>
Cr-Commit-Position: refs/heads/master@{#619468}
[modify] https://crrev.com/6505a439e0b8e6255439ff2d312b2f60e4e107b2/third_party/blink/renderer/core/inspector/InspectorOverlayPage.html

Comment 2 by l...@chromium.org, Jan 2

Status: Fixed (was: Assigned)
►

Sign in to add a comment