angular-devtools icon indicating copy to clipboard operation
angular-devtools copied to clipboard

"Inspect element" hover information leaves window

Open artemisclyde opened this issue 3 years ago • 0 comments

Angular DevTools version (required): 1.0.1

Angular version (required): 10.2.4

Chrome version: 90.0.4430.212

Description of issue: When inspecting my Angular app with the Angular dev tools "inspect element" functionality, the hovered information popup leaves the lower edge of the window and is no longer visible. grafik The blue line below the "Abbrechen" button is the Angular dev tools information when hovering the button. Generally hovering elements this low in the window will show a popup information outside of the window.

This also happens on the left edge of the current view: grafik

Steps to reproduce:

  1. Go to Angular dev tools > components, click "Inspect element button"

  2. Hover over an element at the bottom of the current view.

  3. Hover over an element at the left edge of the current view.

Additional details: I tested this behaviour with Chrome dev tools docked to any side of the window and detached, which did not change the occurrence of this bug.

artemisclyde avatar May 25 '21 07:05 artemisclyde