Make help popup on the Search input field less intrusive

[anikdhabal]

What happened?

It's quite frustrating to see the tooltip every time when hovering over input fields; sometimes, they remain stuck on the page for an extended period of time.

Steps to reproduce

1.Hover over the page search input field.

Expected behavior

It would be better to have a specific button either inside or outside the input field instead of the whole input field. Clicking or hovering over that button would then trigger a popover to open, providing the information.

eg:
Just like this.

Or here

Relevant log output

No response

Screenshot

Additional context

No response

Jaeger backend version

No response

SDK

No response

Pipeline

No response

Stogage backend

No response

Operating system

No response

Deployment model

No response

Deployment configs

No response

[yurishkuro]

I am trying this in the main branch and not getting any tooltip popup.

[anikdhabal]

I am trying this in the main branch and not getting any tooltip popup.

Don't Know why, but I am getting it frequently in the UI.

[yurishkuro]

I can see it now too, not sure why it wasn't working on my other laptop. Do you have a proposal what to replace it with? A visual mock up would be helpful.

[anikdhabal]

I can see it now too, not sure why it wasn't working on my other laptop. Do you have a proposal what to replace it with? A visual mock up would be helpful.

@yurishkuro I've added the expected behavior. Can we do it like that?

[yurishkuro]

I don't follow.

[anikdhabal]

I don't follow.

Instead of hover if the toot tip is appeared on focusing on the input, then it would be better. And we can make it clickable to remove. Means after clicking, it will automatically remove from the screen.

[yurishkuro]

How would it make it less frustrating / intrusive? I thought you were talking about adding something like a (?) button

[anikdhabal]

How would it make it less frustrating / intrusive? I thought you were talking about adding something like a (?) button

I've two visual representation-

It Appear on focus not when hovering.

Add a button.

[anikdhabal]

@yurishkuro This is proposal for this issue. Do you have any additional idea to fix this issue?

[yurishkuro]

button with question marks sounds good. Only it would be better to have it styled the same as the question mark in the Search panel.