webcompat.com icon indicating copy to clipboard operation
webcompat.com copied to clipboard

"X" button from "Search" field overlaps long text

Open softvision-oana-arbuzov opened this issue 3 years ago • 0 comments

URL: https://webcompat.com/ and https://staging.webcompat.com Browser / Version: Firefox Nightly 99.0a1 (🦎 99.0a1-20220212094743), Chrome 98.0.4758.87 Operating System: Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

Steps to Reproduce: 1. Navigate to https://webcompat.com/ 2. Tap the “Search” icon. 3. Type in a long text in the "Search" field. 4. Observe the field.

Expected Behavior: No elements are overlapped.

Actual Behavior: "X" button overlaps the text.

Note 1. Screenshot attached.

image

Watchers: @softvision-oana-arbuzov @softvision-raul-bucata

sv;

softvision-oana-arbuzov avatar Feb 15 '22 08:02 softvision-oana-arbuzov