Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DataGrid] Fix grid size calculation when .MuiDataGrid-main has border #8882

Merged
merged 3 commits into from May 18, 2023

Conversation

@cherniavskii cherniavskii added component: data grid This is the name of the generic UI component, not the React module! regression A bug, but worse feature: Rendering layout Related to the data grid Rendering engine labels May 5, 2023
@mui-bot
Copy link

mui-bot commented May 5, 2023

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-8882--material-ui-x.netlify.app/

Updated pages

No updates.

These are the results for the performance tests:

Test case Unit Min Max Median Mean σ
Filter 100k rows ms 622.2 1,086.7 665.5 791.72 175.347
Sort 100k rows ms 608.7 1,180.5 608.7 927.8 199.913
Select 100k rows ms 235.5 499.1 338.2 330.98 95.616
Deselect 100k rows ms 144.5 270.5 186.5 195.16 48.714

Generated by 🚫 dangerJS against 2d75977

@cherniavskii cherniavskii marked this pull request as ready for review May 8, 2023 11:55
@github-actions
Copy link

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label May 11, 2023
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label May 11, 2023
Copy link
Member

@MBilalShafi MBilalShafi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The applied changes seem to fix the regression, thank you! 🎉

// It should not have a horizontal scrollbar
expect(virtualScroller.scrollWidth - virtualScroller.clientWidth).to.equal(0);

await sleep(200);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just curious if clock.tick could be used here alternatively too 🤔

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess that's an option too, but we'll need to use a fake clock for this.
If this test turns out to be flaky, I'll give it a try! 👍

@cherniavskii cherniavskii merged commit d199f47 into mui:master May 18, 2023
17 checks passed
@cherniavskii cherniavskii deleted the fix-gridMain-border-width-issue branch May 18, 2023 12:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! feature: Rendering layout Related to the data grid Rendering engine regression A bug, but worse
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[data grid] Adding border to grid main element causes infinite rerender
4 participants