<div class="homeLinksWrapper">
<div class="homeProductLinks1Form container-fluid">
<h2 class="text-center section-header">Find your product</h2>
<div class="col-md-3">
<div class="homeLinksBox">
<select id="categories">
<option value="" style="color: #b4b4b4;" selected="selected">- Browse by category -</option>
<option value="robots.html">All</option>
<optgroup label="Robots to Build & Experiment">
<option value="robots-to-build.html">Robots to Build & Experiment</option>
<option value="robot-parts.html">Robot Parts</option>
<option value="robot-kits.html">Robots & Kits</option>
<option value="drones.html">UAVs & Drones</option>
<option value="robotics-education.html">Robotics Education</option>
<option value="robotic-tools-equipment.html">Tools & Equipment</option>
<option value="books.html">Books</option>
</optgroup>
<!--not needed-->
</select>
</div>
</div>
<!--not needed-->
<div class="clearer"></div>
</div>
</div>
URL: https://www.robotshop.com/en/
Browser / Version: Firefox Mobile Nightly 60.0a1 (2018-02-14)
Operating System: Google Pixel (Android 8.1.0) - 1080 x 1920 pixels (~441 ppi pixel density)
Tested Another Browser: Yes
Problem type: Design is broken
Description: Small allocated space for drop-down menu options
Steps to Reproduce:
1. Navigate https://www.robotshop.com/en/
2. Observe “Browse by category” drop-down menu.
Expected Behavior:
Text is fully visible.
Actual Behavior:
Text is cropped.
Note:
1. Reproducible on Firefox 58.0.1 Release (Mobile).
2. Not reproducible on Chrome (Mobile) 64.0.3282.137.
3. Not reproducible on Firefox on Responsive Design Mode.
4. Screenshot attached.
5. Affected area:
Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov
sv; country: us
From webcompat.com with ❤️