1. Feedback
  2. React
  3. 67018

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Header text icon overflow

Hello Syncfusion team,

When using a DataGrid and you have the Resize module injected with the Filtering module, while resizing the column without a specified minWidth, the filtering icon overflows over the header text, and clip mode stops working. I have created a StackBlitz example for you, where the issue is visible.

Is there any way to fix this issue without setting a minWidth or fiddling with CSS? The minWidth solution isn't great either.

StackBlitz

I have also attached 3 files. In the first image, you can see that the column is behaving normally as it should. In the second image, you can see the filter icon overflowing over the text, but the clip mode is stil functional. In the third image, you can see that the clip mode stopped completely working and the icon is behind the text.


EmptyWorking partially.pngNot working.png