Clicking ScrollToHint after submitting a search doesn't jump to top of page

[coffee-squirrel]

Expected Behavior

Clicking the ScrollToHint component that appears when doing something that triggers a search (e.g. Add to query for a field value) should scroll the page up to show the search bar.

Current Behavior

Clicking the ScrollToHint component appears to have no effect.

Steps to Reproduce (for bugs)

1. Have an environment with some messages
2. Navigate to /search
3. Increase the height of the message table until the search bar is comfortably off-screen
4. Expand a message, open a field value's Actions/context menu, and click Add to query
5. Click the ScrollToHint (up arrow) component that appears
6. Note you don't get scrolled up to the search bar

Context

Slightly more effort to get back up to the search bar when building up a query.

• graylog2-server/graylog2-web-interface/src/routing/App.tsx

  Line 83 in b569b1a

  <ScrollToHint id="scroll-to-hint">

• graylog2-server/graylog2-web-interface/src/views/components/SearchBar.tsx

  Line 168 in 59f6147

  <ScrollToHint value={query.query_string}>

• https://github.com/Graylog2/graylog2-server/blob/59f614779d32c996b4266e5d125ebc05af3d82a3/graylog2-web-interface/src/views/components/common/ScrollToHint.tsx

• graylog2-server/graylog2-web-interface/src/util/UIUtils.js

  Line 21 in 59f6147

  scrollToHint(element) {

Your Environment

• Graylog Version: 6.0.1 (also 5.2.7)
• Operating System: Windows
• Browser version: Firefox 125, Chrome 124

[dennisoelkers]

Thanks for reporting this, @coffee-squirrel! We will look into this and fix it asap.