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://twitter.com/search?f=videos&vertical=news&q=%22Joe%20Biden%22&src=tren

Browser / Version: Firefox Nightly 65.0a1 (2018-10-24)
Operating System: Windows 10 Pro
Tested Another Browser: Yes

Problem type: Design is broken
Description: “Search filters” drop-down menu options are displayed misaligned
Steps to Reproduce:
1. Navigate to https://twitter.com/search?f=videos&vertical=news&q=%22Joe%20Biden%22&src=tren
2. Click “Show” button from “Search filters” section.
3. Observe options position from the drop-down menus.

Expected Behavior:
The options are aligned (center position).

Actual Behavior:
The options are misaligned (bottom position).

Note:
1. Not reproducible on Firefox Release 63.0 and Chrome 70.0.3538.77.
2. Screenshot attached.
3. Affected area:

<div class="SidebarFilterModule with-4-filters">
	<div class="SidebarFilterModule-header">
		<h3 class="AdaptiveSearchPage-moduleTitle SidebarFilterModule-title">Search filters</h3>
      ·
      
		<button class="btn-link SidebarFilterModule-toggle" type="button">Hide</button>
	</div>
	<div class="SidebarFilterModule-filters" data-filter-type="social">
		<select class="t1-select SidebarFilterModule-select">
			<option value="/search?f=videos&amp;vertical=news&amp;q=%22Joe%20Biden%22&amp;src=tren" class="SidebarFilterModule-option" data-nav="reset_social" selected="">
        From anyone
      </option>
			<option value="/search?s=follows&amp;f=videos&amp;vertical=news&amp;q=%22Joe%20Biden%22&amp;src=tren" class="SidebarFilterModule-option" data-nav="search_filter_follows">
        People you follow
      </option>
		</select>
	</div>
<!--cut out-->
</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
#20347

twitter.com - “Search filters” drop-down menu options are displayed misaligned

Opened: 2018-10-25
Reporter: softvision-oana-arbuzov
Comments: 5
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct