Fix overlapping elements in mobile mode for the datagrid filter.

Review Request #13875 — Created May 20, 2024 and submitted

Information

Review Board
release-7.x

Reviewers

When viewing a datagrid in mobile mode, we were absolute-positioning the
filter dropdown to the right. This used to be fine, since we were
restricting the size of the title text, but the recent move to flexbox
changed that, resulting in the elements overlapping.

Fortunately, we can just take advantage of that flexbox and get rid of
the absolute positioning.

Tested the datagrid filter display at varying widths, making sure that
wrapping was always correct.

Summary ID
Fix overlapping elements in mobile mode for the datagrid filter.
When viewing a datagrid in mobile mode, we were absolute-positioning the filter dropdown to the right. This used to be fine, since we were restricting the size of the title text, but the recent move to flexbox changed that, resulting in the elements overlapping. Fortunately, we can just take advantage of that flexbox and get rid of the absolute positioning.
bd9294111a4d6870e40a2124d2016a2c0596f535

david
  1. Ship It!
  2. 
      
chipx86
Review request changed
Status:
Completed
Change Summary:
Pushed to release-7.x (a4a1a0c)