[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.ioDevice: Android Mobile
Browser: Chrome
View: Mobile Responsive Mode
3. Steps to Reproduce
Open a mobile browser and navigate to
iotexscan.io.Observe the search input field located directly below the IOTX Price and Gas info.
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-sizeof 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
Log in to comment and vote
No comments yet
Be the first to share your thoughts.