SfGridColumnChooser only opens at the bottom of the screen

[Ben Junior]

In the included project, the ColumnChooser only opens at the bottom. As per the documentation, we should be able to set the x and y positions or I assume that if we don't it should open at the center of the screen (which should be ok for me), but in my case it does not. It open at the bottom. See below picture.

Thanks

Ben Junior

Attachment: ColumnChooserPostion_92243c65.zip

[Naveen Palanivel]

Hi Ben Junior,

We would like to inform you that the reported issue is a known one and logged the defect report “Column chooser position is not proper when calling the ShowColumnChooserAsync method.” This fix will be included in our Volume 4 2024 release, which is expected to roll out in mid-December. You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.
  
Column chooser position is not proper when calling the ShowColumnChooserAsync method in Blazor | Feedback Portal

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

We will get back to you once the release is rolled out. Until then we appreciate your patience.

Regards,
Naveen

[Naveen Palanivel]

Hi Ben ,

Thanks for your patience,

We are glad to announce that, we have included the fix for the issue “Column chooser position is not proper when calling the ShowColumnChooserAsync method” in our 28.1.33 Volume 4 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for the latest fixes and features below.

NuGet: https://www.nuget.org/packages/Syncfusion.Blazor.Grid

Root Cause: Setting the column chooser's maximum height to 430px on the JavaScript side caused misalignment issues when rendering the dialog, especially during the ShowColumnChooserAsync method. The dynamic height adjustment in JavaScript conflicted with the dialog's position calculations, leading to improper alignment.

Corrective Actions Taken: The issue with the column chooser's improper position during the ShowColumnChooserAsync method was resolved by removing the setColumnChooserHeight method from JavaScript. Instead, a DialogMaxHeight dictionary was introduced to set the maximum height of the dialog to 430px. This change ensures the column chooser renders correctly with proper height and alignment without relying on JavaScript adjustments.

Regards,

Naveen