Icons in the search bar overlap with text

Michele144

On mobile and desktop, if your query in the search bar is too long, the text is overlapped with the "x" and the magnifying glass, making it difficult to see what you write. It happens on Firefox Mobile and Brave Mobile and also on Firefox Desktop.

mackid1993

Steps to reproduce:
Type in a very long search query that more than fills the search box

Expected behavior:
I expected the cursor to remain in the search box

Debug info:
Vivaldi/Windows 11 US-EAST

Image/Video:
In this video you can see the text cursor overflows past the search button.

mackid1993

Just to add this doesn't happen on mobile. Just desktop.

Atium

Steps to reproduce:
Enter a search longer than the visible entry box. For example, on an iphone 14 you can use https://kagi.com/search?q=the+quick+brown+dox+jumped+over+the+lazy+dog

You can see in the image below that the text will continue through the UI components.

This occurs in both search and assistant modes.

Expected behavior:
The text should truncate before it reaches the UI.

Debug info:
OS: iOS 17.0.2
Browser: Safari (disabled extensions/content blockers)
Device: iPhone 14 Pro
Kagi region: us-west

Image/Video:
)>

fireturtle

On Firefox Mobile:
While entering the initial query, I can see the end of it but cannot scroll to the beginning. Conversely, when editing the query after performing a search, I can only view the beginning and cannot scroll to the end.

On Firefox Desktop:
I can always see the beginning but can't scroll to the end.

double

Steps to reproduce:
Search for a query that takes up the entire width of the input box. I used "Can you describe and write basic code for a .NET app that is vulnerable to CSRF?" -- The R is partially obscured, the F and ? are completely hidden.

Expected behavior:
The X to clear the search input does not obscure more than about half a character of text.

Debug info:
Tested with Firefox on Windows and Chromium on Mac. US-CENTRAL.

Image/Video:

mackid1993

This is part of the bug I reported here: https://kagifeedback.org/d/2111-long-search-term-cursor-overflows-from-the-search-box
The cursor will also overflow out of the search box.

double

mackid1993 Thanks, I'll vote for that. I searched and wasn't able to find this for some reason!

searcher

Steps to reproduce:
1) Type a long sentence in the search bar on a Chrome derivative browser.
2) Highlight the sentence (let us say to delete some words in it).

Expected behavior:
<What you expected to happen?>
The result of the step 2 should be similar to other search bars, where we see what we highlighted. But this is not the case on Kagi where we cannot see fully the text highlighted and hence it becomes hard to edit the end of a sentence.
Debug info:
<Browser/OS/Active Kagi region setting/What Kagi server you connect to (found in control center, top right icon)>
Brave v1.58.129, Chromium 117.0.5938.88 / ArchLinux / Japan / ASIA-SOUTHEAST
Image/Video:
<Copy/paste or drag and drop to upload images or videos (up to 20MB)>

searcher

Thank you to @Value7609, I upvoted the other task. This is indeed a similar problem from the same bug. To the moderator: you can close the ticket as a duplicate.

sigmasirrus

Steps to reproduce:
Type a long query and search. At the top of the page the text appears behind the search and clear buttons.

Expected behavior:
The Search and Clear buttons should be outside of the text box so that you can read the search that you’ve typed.

Debug info:
Safari. iOS 17. iPhone 13 mini.

Image/Video:

Reroute5183

Steps to reproduce:
Search for long query on mobile
Then try to add some keyword to the end of the query

Expected behavior:
Text input box allows me to scroll to the end

Debug info:
Firefox on Android

Image/Video: