arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://printedcupcompany.com/contact-us/

Browser / Version: Firefox Nightly 62.0a1 (2018-05-16)
Operating System: Linux Ubuntu 16.04
Tested Another Browser: Yes

Problem type: Design is broken
Description: “Country” drop-down menu has design issues

Steps to Reproduce:

  1. Navigate https://printedcupcompany.com/contact-us/
  2. Observe “Country” drop-down menu.

Expected Behavior:
Text is centered and arrow fits the allocated space.

Actual Behavior:
Text is misaligned and arrow exceeds the allocated space.

Note:

  1. Reproducible on Firefox 60.0 Release.
  2. Not reproducible on Chrome 66.0.3359.139.
  3. Screenshot attached.
  4. Affected area:
<div class="form__group">
	<label for="Country">Country</label>
	<div class="select">
		<select name="country" id="country" placeholder="Country" class="valid" aria-invalid="false">
			<option value="" disabled="" selected="">Select your country</option>
<!--cut out-->
		</select>
	</div>
</div>

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

sv; country: us
Screenshot Description

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Closed: Duplicate
#16927

printedcupcompany.com - “Country” drop-down menu has design issues

Opened: 2018-05-17
Reporter: softvision-oana-arbuzov
Comments: 2
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct