When using the search function on the Brave app on mobile, the “Clear” (X) button is positioned too close to the text input field. This makes it nearly impossible to place the cursor inside the text field to edit or select text without accidentally hitting the “Clear” button and deleting the search query.
Steps to Reproduce:
- Open the Brave Community forum on a mobile device.
- Tap the search (magnifying glass) icon.
- Type any text till the search bar text starts getting pushed to the left.
- Attempt to tap besides the text to be able to get the paste and copy menu up.
Expected Behavior:
There should be a larger buffer or padding between the text input area and the “Clear” button so that users can edit text without accidentally clearing the input.
Actual Behavior:
The “Clear” button is too close to the text area. Tapping the end of the text string almost always triggers the “Clear” action instead of allowing text editing.
Device Information:
Device: iPhone 13 Pro
Browser: Brave for iOS
OS: 26.6
Additional Info:
I have attached screenshots showing how the “X” sits directly against the text. This is much easier to manage in other mobile browsers like Safari; it seems specific to the Brave Community site’s current mobile CSS.
