caniuse.com - Small allocated space for “Search” field

[softvision-oana-arbuzov]

URL: https://caniuse.com

Browser / Version: Firefox Mobile Nightly 58.0a1 (2017-11-02)
Operating System: Samsung Galaxy S6 (Android 7.0) - Resolution 1440 x 2560 pixels (~577 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: Small allocated space for “Search” field
Steps to Reproduce:

1. Navigate https://caniuse.com.
2. Tap the “Search” bar and type something.
3. Observe text.

Expected Behavior:
Text is fully visible.

Actual Behavior:
Text is cropped.

Note:

1. Reproducible on Firefox 56.0 Release (Mobile).
2. Not reproducible on Chrome (Mobile) 61.0.3163.98.
3. Screenshot attached.

Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov

sv; country: us

From webcompat.com with ❤️

[softvision-oana-arbuzov]

This might be a duplicate of #752790

[softvision-oana-arbuzov]

The issue is still reproducible even if issue #752790 is fixed.

Affected area:

<section class="ciu-search">
	<div class="ciu-search__inner js-search active">
		<a href="#tables" class="ciu-search__label">Can I use</a>
		<input class="ciu-search__input" name="feat_search" autocomplete="off" value="" type="text">
					?
					
    		<button class="options-toggle  js-options-toggle">
				<i class="icon icon-settings"></i>
				<span>Settings</span>
			</button>
		</div>
	<div class="search-result-info js-search-result-info">5 results found</div>
</section>

Modifying the height of the search input area from 20.7 to 27.6 to mach the width of the "Can I use" text, the text becomes fully visible.

Tested with:
Browser / Version: Firefox Nightly Mobile 60.0a1 (2018-02-09)
Operating System: Google Pixel (Android 8.1.0) - Resolution 1080 x 1920 pixels (~441 ppi pixel density), Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

@karlcow could you check this please?

[karlcow]

Indeed. Let's open a new bug on Mozilla bugzilla. It can be reproduced on Desktop too.

[karlcow]

Opened https://bugzilla.mozilla.org/show_bug.cgi?id=1437413