KENDO UI ANGULAR inspect STYLES of POPUP element in CHROME

Question

Consider a situation when you have for example KENDO Angular UI component... for example plain dropdown.

When you click on dropdown it will show you its menu. Now you want to inspect styles of this menu or styles of one of many items in this menu.

So you will do right-click > inspect... and?

And nothing, because you did left-click to confirm your order and dropdown menu have disappeared so you will not see anything in developer tools.

The second thing is you can't find any js script which triggers this dropdown menu opening.

The third thing is you can use developer tools function ctrl + shift + c so you can see at least some classes, but you cant see styles itself.

Is there any other option how to inspect this instantly-disappearing windows?

thank you very much :)

Answer 1

Temporarily prevent the close event:

EXAMPLE

<div class="example-wrapper">
  <p>T-shirt size:</p>
  <kendo-dropdownlist [data]="listItems" (close)="$event.preventDefault()">
  </kendo-dropdownlist>
</div>