1779032 - Filter options are shifted to the right and unusable on radar.cloudflare.com

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Ksenia Berezina [:ksenia]]

This was initially reported in https://github.com/webcompat/web-bugs/issues/107033

To reproduce:

1. Scroll down to “Market share by country and OS” in Firefox release or Nightly.
2. Observe the filter options on the right.

Expected:
Filter options have proper width and readable.

Actual:
Filter options are shifted to the right and overlap each other.

Comment 1

[Ksenia Berezina [:ksenia]]

Attachment: 107033.html

I've attached a reduced test case. As the original reporter mentioned, applying either of the following fixes the issue for both the testcase and the original problem on the site:

remove align-items: flex-end from the outer flex container
add width: 100% to the inner flex container

Comment 2

[James Graham [:jgraham]]

I think this is now fixed?