[ECO Bounty] ioTexScan Incomplete Placeholder Text in Search Bar

1. Summary

The search bar on the ioTexScan homepage displays incomplete placeholder text. The intended text (likely "Search by Address / Txn Hash / Block") is truncated to "Search by Address / Txn I", which may confuse users regarding what data can be searched.

2. Environment

  • URL: iotexscan.io

  • Device: Android Mobile

  • Browser: Chrome

  • View: Mobile Responsive Mode

3. Steps to Reproduce

  1. Open a mobile browser and navigate to iotexscan.io.

  2. Observe the search input field located directly below the IOTX Price and Gas info.

  3. View the placeholder text inside the input box.

4. Expected Result

The placeholder text should be fully visible or gracefully truncated with an ellipsis (...) to indicate more information, such as:

  • "Search by Address / Txn Hash..."

  • "Search by Address/Txn/Block"

5. Actual Result

The text is abruptly cut off at "Txn I", likely due to insufficient width or fixed max-width settings on the input element for mobile screens.

6. Visual Evidence

(The orange arrow in the screenshot points directly to the truncated text in the search bar.)


Suggested Fix

  • CSS Adjustment: Use a media query to reduce the font-size of the placeholder on smaller screens.

  • Text Optimization: Shorten the placeholder for mobile views to "Search Address / Txn / Block" to ensure it fits within the standard mobile viewport width.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
πŸ’‘

New Issue

Date

6 days ago

Author

cryptotestnet

Subscribe to post

Get notified by email when there are changes.