Blazor SfDatePicker iPhone rendering

[Johnathan]

Hello,

I am using the latest syncfusion controls for blazor.

The datepicker calendar is rendered at the bottom right of a page.

I am using:

Chrome (latest) with developer tools.

Iphone 8 emulation.

<table>

        <tr>

            <th>Store</th>

            <th>Shop Date</th>

        </tr>

       

        <tr>

            <td>

                <SfDropDownList TValue="string" TItem="GroceryStoreModel" Placeholder="Select a store" @bind-Value="@SelectedStoreId" DataSource="@groceryStoreModelList">

                    <DropDownListFieldSettings Value="id" Text="storename"></DropDownListFieldSettings>

                </SfDropDownList>

            </td>

            <td>

                <SfDatePicker  TValue="DateTime" Value="@PurchasedDateValue"></SfDatePicker >

            </td>

        </tr>

    </table>

    <hr />

Image attached.

Attachment: Capture_e0eaaab0.zip

[Ponmani Murugaiyan]

Hi Johnathan, 

Greetings from Syncfusion support. 

We have validated your reported query. But unfortunately, we couldn’t reproduce the reported issue in our end. We have ensured with IPhone and IPhone plus responsive in emulator mode and prepared video demonstration for your reference.  

 

Output: 

 

Video demonstration: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_2-06-2020_11.03.31_AM.mp4-300862499  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-1476139328  

Kindly check with the above sample and video demonstration. We suspect that the issue may occur, due to style override in your application. So, we suggest you to prepare sample with Datepicker component alone in separate application without any override styles to check your reported issue in your end.  

Please check with the above cases, if issue still exists in your end. Please provide the below details. 

1. Provide issue reproducing sample / code snippet for styles used in your application.
2. Replicate the issue in the provided sample.

Regards, 

Ponmani M