Grid filter menu getting cut off

[sharathdaniel]

Grid filter menu gets cuts off when the grid is a container with overflow hidden. Anyway for the filter popup to get attached to the body instead of the component?

Stackblitz example

[DineshnarasimmanMSF4057]

Hi @sharathdaniel ,

We have reviewed your query regarding the filter dialog not fully displaying when parent container overflow property is set to hidden. We have already logged this reported scenario as "Need to provide support for Displaying Grid Filter Dialog without cutoff" an improvement feature from our end. At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technical feasibility, and customer interest. This feature will be included in the 2024 Volume 3 Main release which is expected to be rolled out in the month of September.

You can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this feedback link:

Feedback: https://www.syncfusion.com/feedback/52338/need-to-provide-support-for-displaying-grid-filter-dialog-with-gridster

[sharathdaniel]

So i need to wait till September? Thats a bummer! :/

[DineshnarasimmanMSF4057]

Hi @sharathdaniel,

We understand the importance of this feature to you, but as we informed in our previous update, its implementation is based on specific parameters including product vision, technical feasibility, and customer interest. Currently, we have scheduled the implementation in our 2024 Volume 3 release. However, this timeline is tentative as the decision regarding the feature implementation rests solely with the management as outlined in our SLA. As progress unfolds, any relevant updates regarding the feature's implementation will be communicated to you through the feedback link. We welcome any additional feedback or commentary you wish to share through this channel. We appreciate your understanding and patience as we work to enhance this functionality.

[DineshnarasimmanMSF4057]

Hi @sharathdaniel ,

We have included the fix for the issue “Need to provide support for Displaying Grid Filter Dialog without cutoff” in our v27.1.48. So please upgrade to our v27.1.48 version or latest version v28.2.5 of Syncfusion to resolve the reported issue. Please find the sample for more information.

Feature description : Previously, the column chooser, filter menu, Excel filter, and checkbox dialog were appended within the Grid, causing them to be cut off when the Grid height was small. Now, these dialogs are appended to the body element when the Grid height is less than the dialog height, ensuring full visibility and accessibility. Additionally, styles have been updated to support dialogs displayed both inside the Grid and in the body element, enhancing the overall user experience.

Sample: https://stackblitz.com/edit/angular-vgcczm?file=src%2Fapp.component.ts

Screenshot:

Release: https://www.syncfusion.com/forums/194459/essential-studio-2024-volume-3-main-release-v27-1-48-is-available-for-download

We thank you for your support and appreciate your patience in waiting for this release. Please get back to us if you need any further assistance.