PopupObjectArgs, AppendTo not working

[Thibaut Gobert]

Hello,

I am trying to append the popup element of the SfDatePicker to another element than the body.
Regarding the documentation, I should be able to do this in the OnOpen Event.
I don't understand why it doesn't work :
https://blazorplayground.syncfusion.com/hjVRXLrGeDKYiful

[Thibaut Gobert]

The documentation :

[Kundurthi Naga Siddartha Kundurthi Vennela Prasad]

Hi Thisbaut Gobert,

 

The behavior you’re seeing is expected because the AppendTo property on PopupObjectArgs has been deprecated. While it may still appear in the documentation, it is no longer functional in the current builds.

 

We understand this may have caused inconvenience, and we sincerely apologize for any confusion, the documentation will be updated accordingly. The API changes related to this property are already planned and will be included in our upcoming weekly release. Once that update is published, the obsolete property reference will be removed in the docs.

[Thibaut Gobert]

Hi,

Thank you for you answer.

We use Syncfusion in several projects built with Vue, React, and Blazor.
This property exists and works correctly in the Vue version, I included a working example in the attached zip file.

It is also currently documented for Blazor. If this property has been deprecated, could you clarify what alternative should be used to achieve the same behavior?

If there is no alternative, this would effectively mean that a documented feature is no longer functional, which would be considered a regression.

Attachment: sfdatepicker_d998415d.zip

[Yohapuja Selvakumaran]

Hi Thibaut Gobert,

We appreciate you sharing this playground sample. The approach of manipulating the popup container via DOM manipulation in the OnOpen event is no longer supported in our latest Blazor components.

We've made this change because direct DOM-oriented configuration conflicts with Blazor's rendering model and creates reliability and security issues, particularly across different Blazor render modes (Server, WASM, Auto, and SSR). This affects the stability and maintainability of your applications.

Recommended approach:

Currently, the SfDatePicker popup renders to the body by default, which is the supported and reliable behavior. If you need to contain the popup within a specific layout or prevent overflow in constrained containers, we recommend:

1. Use CSS containment – Apply overflow: visible or adjust the parent container's positioning and z-index as needed
2. Leverage Blazor's component cascading – Organize your component hierarchy to ensure proper stacking contexts
3. CSS-based solutions – Use CSS classes and media queries to control popup behavior without direct DOM manipulation

If you're facing a specific layout challenge with the current behavior, please share:

• Your use case (what container are you trying to append to and why?)
• Your Blazor hosting model (Server, WASM, Auto, or SSR)
• A simplified code sample of your layout

This will help us suggest the best supported alternative for your scenario.

Regards,

Yohapuja S