gregnb / gregnb/mui-datatables

Filter reset clicks, filter input should clear

Open
#1,943 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

## Expected Behavior
### while Filter reset clicks, filter input should clear
## Current Behavior
### while Filter reset clicks, filter input not clearing

I would get that filter input clear, whenever reset button is clicked
### 1
![image](https://user-images.githubusercontent.com/102275307/184083103-6ff6fa54-efce-4ae5-ba8e-0869188e558c.png)
###2
![image](https://user-images.githubusercontent.com/102275307/184086856-2d8b2873-9588-4674-915c-75eb67b518c5.png)

### 3
![image](https://user-images.githubusercontent.com/102275307/184087136-ecf30638-f434-4c6f-9e7f-b94fa7404163.png)

## Steps to Reproduce (for bugs)
### 1 Open Filter
![image](https://user-images.githubusercontent.com/102275307/184088439-12df9baf-f976-46e0-a017-f0499744b735.png)

### 2. Search Anything in filter
![image](https://user-images.githubusercontent.com/102275307/184088540-0efe08ad-667c-4a6d-a64d-ba34258d49fd.png)

--Listing data from backend
### 3. Click any of listed item -- Related column will shows in table
![image](https://user-images.githubusercontent.com/102275307/184088625-e09a3595-0f6a-478d-ac85-0d63da88d9fc.png)

### 4. Click reset, Check input box inside the filter,
![image](https://user-images.githubusercontent.com/102275307/184088702-036acf7d-f738-4f4b-bc6b-5ce417cd1d9c.png)

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 5.6.2 |
| MUI-datatables | 3.8.5 |
| React | 17.0.1 |
| browser | chrome |
| etc | |

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the issue in the filter UI using the listed steps: search for an item, select it, click Reset, and observe the filter input. Trace the filter and reset state handling; done means the filter input is cleared when Reset is clicked, while the related table behavior remains correct.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.