Using "Add to query" on Search/Dashboard pages can sometimes cause the time range and search box to disappear

[drewmiranda-gl]

Using "Add to query" on Search/Dashboard pages can sometimes cause the time range and search box to disappear

See https://videos.graylog.com/watch/GcBCFksCBq8MnWBtXFzbJK

Tested with preview.graylog.cloud

Please let me know if there are any questions.

Expected Behavior

time range and search box do not disappear.

Current Behavior

Using the "Add to query" function(see video) can sometimes cause time range and search box to disappear.

Possible Solution

Steps to Reproduce (for bugs)

See video. I'm not sure what variables affect this but the behavior is not consistent. Sometimes this bug occurs after only 2 or 3 uses of "add to query" other times it takes more.

how i reproduced it in the video was:

1. open a dashboard
2. find a value to click on that you can do “add to query”
3. add the value to query
4. use the search text box to remove the text and execute search again (same state as loading the dashboard page initially)
5. repeat steps 3 and 4 until the bug occurs

Context

When this occurs the only way i have found to work around this is to refresh the entire page which can cause you to lose your query.

Your Environment

• Graylog Version: 5.2.2 Cloud

[drewmiranda-gl]

not sure if this is helpful, it appears manually adding z-index: 1 appears to make the hidden elements reappear…

[linuspahl]

Interesting. I had a quick look and it seems to be related to the query input. One of its elements has position: absolute and a full width and height, because its parent no longer has position: relative.

For some reason the container component looses the ace_editor class (which has the styling position: relative) .

Default:

When the error occurs:

[BBruce-Graylog]

Adding the Zendesk ticket we have for the issue: https://graylog7416.zendesk.com/agent/tickets/124