Data Grid Layout-> AutoHeight causes rerender which makes text "no records found" removed after filtering

[Mehakb]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/dazzling-architecture-ojnqfh?file=/demo.tsx (v5)

https://codesandbox.io/s/beautiful-silence-24ue6i?file=/demo.tsx (v6)

Steps:

1. Hover on desk column -> Click on three dots on the right of column-> Choose filter.
2. Inside value type any random text so you get no records found.
3. You will see blank space instead of text "No records found"

Current behavior 😯

Here is the demo for current behaviour
https://watch.screencastify.com/v/qE5FmDEQ7HsGQmvlf64K

Expected behavior 🤔

The No results found text should appear instead of blank space

Context 🔦

I need to display the text when filter do not find any records

Your environment 🌎

I am Using Chrome Browser

[cherniavskii]

Maybe I'm missing something, but I see the "No results found" overlay in both v5 and v6 demos linked in the issue description:

[m4theushw]

@cherniavskii You have to try several times and even switch browser to reproduce the bug. I don't know if this works but seems that reducing the height, to show the scrollbar, makes the problem more preeminent.

[Mehakb]

@cherniavskii When we have pageSize as 2 then height of datagrid is not changing and thus you will not be able to reproduce the issue. You need to have pageSize which changes height of datagrid so the autoheight comes to work and then you can observe the issue. You can refer the demo attached in current behavior section of the issue

[cherniavskii]

You have to try several times and even switch browser to reproduce the bug

Tried with different browsers and different window sizes, but no luck. Maybe it's not reproducible on MacOS?
I'll try to review the PR anyway.

[cherniavskii]

When we have pageSize as 2 then height of datagrid is not changing and thus you will not be able to reproduce the issue

In the demos I've tried pageSize is set to 10.

You can refer the demo attached in current behavior section of the issue

In the current behavior section, there's only a video. I've tried demos from "Steps to reproduce" instead

[Mehakb]

@cherniavskii Kindly try to set pageSize of 100 and then see if you are able to reproduce it in the demo. Just FYI.. I am using Windows 11.

Here is the link: https://codesandbox.io/s/dazzling-architecture-ojnqfh?file=/demo.tsx

[Mehakb]

@cherniavskii any update on the PR?

[cherniavskii]

Hey @Mehakb
Thanks, I can reproduce it now. I've noticed that the viewport height is making the difference, I had to experiment with different heights to reproduce it.
I'll review the PR fixing the issue.

[Mehakb]

@cherniavskii Good to know you are able to reproduce the issue. Thanks in advance for your efforts to review PR.

[Mehakb]

Hi @cherniavskii @m4theushw

Hope you both are doing well!

Any updates related to PR's?

[Mehakb]

Hi @cherniavskii @m4theushw

Any update on the PR?

[Mehakb]

Hi,

Any update on when we can expect this issue to be fixed?

[cherniavskii]

@Mehakb Sorry, we lost track of this issue and the related PR. We will try to get back to it soon!

[boldurean]

Also waiting for this fix as Grids look weird with all no reason scrollbars

[cherniavskii]

@Mehakb
I cannot reproduce it with the latest v6 version anymore: https://codesandbox.io/s/optimistic-montalcini-668x7x?file=/demo.tsx
Can you confirm it's resolved?

[cherniavskii]

I believe it was fixed by #8091

[Mehakb]

@cherniavskii This issue is resolved for now. Thanks for fix.