Fix scrolling behaviour when highlighting a request header

- Scroll the header in the details panel into view
- Scroll the request in the list of requests into view

Video: https://i.imgur.com/On21YsP.mp4

Fixed: 1470193
Change-Id: I13ad1276693ddcb1970fbbf3d5953a1af55290ce
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4770840
Reviewed-by: Simon Zünd <[email protected]>
Auto-Submit: Wolfgang Beyer <[email protected]>
Commit-Queue: Simon Zünd <[email protected]>
Commit-Queue: Wolfgang Beyer <[email protected]>
diff --git a/front_end/panels/network/components/RequestHeadersView.ts b/front_end/panels/network/components/RequestHeadersView.ts
index b1c441c..4b6f7e4 100644
--- a/front_end/panels/network/components/RequestHeadersView.ts
+++ b/front_end/panels/network/components/RequestHeadersView.ts
@@ -127,6 +127,7 @@
     this.#request.addEventListener(SDK.NetworkRequest.Events.RequestHeadersChanged, this.#refreshHeadersView, this);
     this.#request.addEventListener(
         SDK.NetworkRequest.Events.ResponseHeadersChanged, this.#resetAndRefreshHeadersView, this);
+    this.#toReveal = undefined;
     this.#refreshHeadersView();
   }