Unwanted default behavior events on mobile

Hell dear support.
By default seems like that by sweeping with finger on the tooltip would remove it ( close it or hide it ) on mobile devices.
While this behavior is not on the desktop version.
I wonder if there is a way to prevent this behavior on mobiles as well, since if I put a component which requiring drag to work inside the tooltip, and I run it on mobile -  it will close the tooltip instead of working with the component.

10 Replies 1 reply marked as answer

SP Sowmiya Padmanaban Syncfusion Team December 29, 2020 12:31 PM UTC

Hi Yordan,  
 
Greetings from Syncfusion support. 
 
We have checked your reported problem with Tooltip component. We need additional information to confirm your reported problem with Tooltip component.  
 
Could you please share the below details to validate further your reported problem. 
 
1.     Please, share the definition code of Tooltip component from your application. 
2.     Share us the issue replicating video footage. 
3.     Share us the list properties you are using with Tooltip component. 
4.     Share us your exact requirement with Tooltip and its use-case scenario in your application 
 
Please let us know, if you have any concerns. 
 
Regards,  
Sowmiya.P 



YO Yordan December 29, 2020 03:03 PM UTC

My mistake dear support. I mean Toast, not Tooltip component.
Shall I create a new post or reply on the issue here ? What's the best ?


IS Indrajith Srinivasan Syncfusion Team December 30, 2020 08:35 AM UTC

Hi Yordan, 
 
Good day to you, 
 
You can reply here, in the same thread. As requested earlier, can you share us the following details to validate the issue from our end ? 
 
  • Are you using the SfTooltip component inside the SfToast ?
  • SfToast code blocks used in your application ?
  • Issue reproducing steps, if any ?
 
The above details will be helpful for us to further investigate on the reported issue. 
 
Regards, 
Indrajith 



YO Yordan December 30, 2020 05:28 PM UTC

Hello dear support.
Well. .the situation is as follow
    <SfToast ID="chartToast" @ref="chartToast" Width="100%" ExtendedTimeout="0" Timeout="@templateToastTimeout">
        <ToastPosition X="Center" Y="Bottom"></ToastPosition>

        <ToastTemplates>
            <Template>
                <div id="chartToastDiv" @onclick="onCloseChartClick"> </div>
                <div style="width:100%; height:100%">
                    <SfStockChart @ref="chart" Title="" Theme="ChartTheme.Bootstrap4" EnablePeriodSelector="false" EnableSelector="true" Height="200" Width="100%" IndicatorType="@Indicators">

<StockChartCrosshairSettings Enable="true"></StockChartCrosshairSettings>

<StockChartSeriesCollection>
</StockChartSeriesCollection>
<StockChartAxes>
<StockChartAxis Name="sY" Minimum="0" ValueType="Syncfusion.Blazor.Charts.ValueType.Double"></StockChartAxis>
</StockChartAxes>
<StockChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime">
<StockChartAxisLabelStyle Size="8px"></StockChartAxisLabelStyle>
<StockChartAxisMajorTickLines Width="0"></StockChartAxisMajorTickLines>
</StockChartPrimaryXAxis>


<StockChartPrimaryYAxis OpposedPosition="true">
<StockChartAxisLineStyle Width="0"></StockChartAxisLineStyle>
<StockChartAxisMajorTickLines Width="0"></StockChartAxisMajorTickLines>
</StockChartPrimaryYAxis>


<StockChartChartArea>
<StockChartChartAreaBorder Width="0"></StockChartChartAreaBorder>
</StockChartChartArea>

<StockChartEvents RangeChange="onRangeChanged"></StockChartEvents>

<StockChartSeriesAnimation Enable="false" />
<StockChartCommonAnimation Enable="false" />
<StockChartIndicatorAnimation Enable="false" />

</SfStockChart>
                </div>
            </Template>
        </ToastTemplates>
    </SfToast>

and run it on mobile - let say Android.


the result will looks something like this.
In the moment you try to drag the range selector-  SfToast will close.
This only happens on real device. 


IS Indrajith Srinivasan Syncfusion Team December 31, 2020 12:17 PM UTC

Hi Yordan,

Good day to you, 
 
   
Currently there is no option for preventing the SfToast from hiding. We have considered “Provide option to prevent toast notification from hiding in mobile device“ as an improvement with the SfToast and it will be included with our Volume 4 SP1 release 
   
You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link:  https://www.syncfusion.com/feedback/21046/  
  
Regards,   
Indrajith 



YO Yordan December 31, 2020 12:31 PM UTC

Great ! Thank You dear support.


YO Yordan December 31, 2020 12:32 PM UTC

One more thing. - While dragging on the chart - the Sidebar open and closing randomly.


IS Indrajith Srinivasan Syncfusion Team January 4, 2021 11:41 AM UTC

Hi Yordan, 
 
Good day to you, 
 
We have validated your reported query. Please let us know, in which side bar are you facing the reported issue either (Syncfusion SideBar or Default blazor sidebar).In addition, can you please share us the following details 
 
  • Share us the sidebar component code blocks, used in your application.
  • Are you facing the sidebar issue in Mobile view ?
 
Regards, 
Indrajith 



RK Revanth Krishnan Syncfusion Team February 1, 2021 12:27 PM UTC

Hi Yordan, 
 
 
Sorry for the inconvenience. 
 
We are currently facing complexity in implementing the feature improvement “Provide option to prevent toast notification from hiding in mobile device“ we will include this improvement in our Volume 1 2021 release. 
 
We appreciate your patience till then. 
 
Regards, 
Revanth 



RK Revanth Krishnan Syncfusion Team April 1, 2021 03:32 AM UTC

Hi Yordan, 
 
 
Thanks for your patience. 
 
We are glad to announce that our Essential Studio 2021 Volume 1 release v19.1.0.54  is rolled out and is available for download under the following link. 
We have included the feature “Provide option to prevent toast notification from hiding in mobile device” with the package version 19.1.54. 

Can you please upgrade your package to this version to use the new feature?
 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
Regards, 
Revanth 


Marked as answer
Loader.
Up arrow icon