Skip to content

Avoid scroll-to hint being shown for query input on page load. (7.0)#25362

Open
graylog-internal-actions-access[bot] wants to merge 1 commit into7.0from
backport-7.0/fix/scroll-hint-on-load-for-query-input
Open

Avoid scroll-to hint being shown for query input on page load. (7.0)#25362
graylog-internal-actions-access[bot] wants to merge 1 commit into7.0from
backport-7.0/fix/scroll-hint-on-load-for-query-input

Conversation

@graylog-internal-actions-access

Note: This is a backport of #25346 to 7.0.

Note: This needs a backport to 7.0.

Description

Motivation and Context

This PR is a follow-up to #25257, which fixed the visibility check for the "Scroll to"-hint. Unfortunately, this triggers the hint being shown on page load, when a deep-link to a saved search, dashboard or new search/dashboard is used. This happens, because the parent element of the hint component in the search/dashboard query input is the body element.

This PR is fixing this, by moving the ScrollToHint component inside the search query controls container, so this element is used for visibility checks.

/nocl Fixing unreleased change.

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (non-breaking change)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have requested a documentation update.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.

* Avoid scroll-to hint being shown for query input on page load.

* Prevent ScrollToHint from creating unwanted gap in SearchBarContainer.

Position the scroll target div absolutely so it does not participate
in the flex layout and avoids triggering the row-gap.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Pulling up one level, removing styles.

* Applying same fix for dashboard search bar.

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
(cherry picked from commit e0f7ba0)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant