MudBlazor/MudBlazor

MudDataGrid columns filter not showing on mobile

Closed

#4,542 opened on May 4, 2022

View on GitHubContributor guide
 (2 comments) (1 reaction) (0 assignees)C# (1,631 forks)batch import
bugdevice: mobilehelp wanted

Repository metrics

Stars
 (10,394 stars)
PR merge metrics
 (Avg merge 6d 6h) (108 merged PRs in 30d)

Description

Bug type

Component

Component name

MudDataGrid

What happened?

On mobile screens the columns filter (the one from witch you can choose witch column to display) isn't showing if clicked.

Expected behavior

It shoud show in order to select witch columns to see and to reduce the total height of the datagrid since we are on mobile

Reproduction link

https://try.mudblazor.com/snippet/vVfdc-I2EH_nn7gdzT2YmcSkH9OHBjwkNLmjc8nRwlwfOp2MsBVQT5aoJAe4DP97V7JsbEJyuT6UByNLq_3e367v7m4ol7GmX5R-MywMlwuYbo1leXzLbPze2lX8q1GyE85uiuxSOOL4akPzlWAm_oVaGt-ojAnTGXL5N0stuHsjwZm0sKyXnU4frzvyd5pnMBuQK8FyPCDIVlg-ZQLvciUHxOqCERijGmZAhoHMEJgqbelcsIrimgvLdHPnt4Knn8ttvHn3z_6VdAB_73nGmvS_qzVql35G4mrJMhTkdWGZV2G0pHLBMiQ5tk0Sz7g_U0pcUj1S0qKy5aY_QKNnbGNhtl2pAXHPePkTSSZMc5XxFCrz-r1A2b47XdGUaeg95XjNmchgOOcyO_1ERYFG3RlGdbqcWo3RIjAReHepROa8MfVHBC4ypaWTOCD1Mp5aqjEQ4zxnGae28k8t0_1q6nHqgjR0fya-QWrNqYjRzYJlcSXGnU75F-TknvEN8i1yAiNBDQY1t6dnJKlN9qYER_aOebI_UqLIpWl4oQxGud_Kpqarjhx7WQNyW-RzzAqYcevS4VY30-ueCnOQX2HrdcynfCFfrQjNWSn7cuty1vjVa29PlOGuaF5Lf6ME3Vvt3yDHkLz2_jutilV9f4TBXyi917bfawWqP6ELdrwmKiDwFMfi1--1L_tkqW4liCYZf4C0TKfs9F6wDbjH6VrTFWB-_VhVpiuiNbfpMtTKaMlclVe-dv6_3H5gcmExbVF9hcXi_-KJ5jlF6xIXHXCEEDxzuYXyhteqZO9URJ2SEuiuNisqDUZmQiViI0zt1qcRqvjzdw3V2nTgqgHzZ6nWcPXgUW_vtuG90oyiHdGDixozBh0EXMId86TdmvKxVbgHEDT0GDRX2fZ7kgwDmyPos9sL5vdRkBGPVIGwnsBZF54T9yQwDRuaOpXQ1jt-eFlYq2QDL34gUO6h-ujI_ToulwQ-UQQih2thESCJwEdZgXwUdWGQQG2MQLSKul2S-JV3QsmtrVQIbNsznrodvpClB7HHjBim2CGDn1aaP2DdwPhKFnkJL_2Q_EndDWAAkq3hAze2Poy65y0GxsM8tEC_TTFHKIUnWd6m8SJKVrVjSumVvF4P0sJYlYPjBPMtSFcKwjNr8bouZFqpewJq7qaBBAKkOcdv8NFppwy_h-iJit2W-zWzhZawiR1J3DTC_dDD7Hnykm5XW-JHArj3yA6n1WKh5lSILdBUK2MgdwMJjjeQlmgGWOBLsEv0ubOcy1VhXzDcuR3NbkwfL9heuj4em9tCiI_6jyW3zFdG1Aps96hLXJc-77T4bWLXfWKHmzjbmTaXEyj_RypfYZHgaBd_1BmXVIwXEtFlRA37Bkk-Hv-DpLfkEYX5jr0DXFZdz7_4JrYjz-jxKhlh1_f4OmFCgJX1Mx-oB6ax8zCgZitTmFHzGYFlLFERKnDEyS7cftQ9CHGjoOma8uZEHL9j9lqr3E3Y_nK_Ve5JRNZsTle8twqzop9OSKjKXadK6bJm_duDwtF6P8lGVb-stnxPudALs0ccim-HSlf4OJaGaRudncBb4q-iFRWrExjLDJvuAB4dixj3_cbuBJxUtx8-JVxb8Z8R_jH14yI6TMf1MvIc3Fjd3R3Y5y06NnhH76lZTtneX8Dd6beYcoztf9G-FNzQfPcmKBWn5k3rswrnh_CZYzD8Elmk550WxV5eJYA6csxHh7rGIcPXvsNCnynmGKeyE1dpeOCcQBIaiZ_t4BEWzJ6DcY_dISVHv1XF9zJl4OmHpq-yLEv7gK4m_NN5Y6IVloHdOoYRMTnCNen-9YxUh4AvS80U_qMj_QD8IuXYFyUPzTm1GkP3nKbhSg0VQZ2ZKrEoem5CC_iDMOc032FfenR27si-y-2q1PoX

Reproduction steps

  1. Click the columns filter icon and then columns
  2. Nothing happens on UI even you can see on dev tools the something is changing in the html

Relevant log output

No response

Version (bug)

6.0.9

Version (working)

No response

What browsers are you seeing the problem on?

Chrome

On what operating system are you experiencing the issue?

Windows

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributor guide

Research direction
Inspect the CSS or JavaScript responsible for displaying the column filter popover in MudDataGrid on mobile devices. Check if there is a responsive breakpoint or missing event handler that prevents the popover from showing.
Tech stack
csharp
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitBlazor
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70