Resize/move animations in Animations panel immediately switches to Elements panel

[yume-chan]

Reproduce steps:

1. On this issue page, open DevTools, switch to Animations panel, or add it from More Tools (+) menu if not shown already.
2. Hover on any button on the page in Browser window, the Animations panel should capture some transitions/animations.
3. Click any of captured animation in Animations panel to select it.
4. Hover on any dot in the animation timeline, the cursor switches to resize mode.
5. Click and drag that dot

Expected:
The animation duration got changed.

Actual:
DevTools immediately switches to Elements panel, however, after mouse button is released and switching back to Animations panel, the animation duration does changes.

This doesn't happen in Chrome's DevTools, because in Chrome, the Aniamtions panel can only show in the bottom panel, so switching to Elements panel won't hide it.

2022-08-29.14-46-08.mp4

AB#41129422

[captainbrosset]

Thanks so much for finding this issue and filing it here. I'll make sure this shows up on the team's radar and we'll report back here when a fix has been implemented.