Mouse Wheel Scroll not working in Chrome & Firefox if WindowLess = True

[Vincent]

During the migration of our application to support SL4, we saw mouse wheel scroll not working in Chrome and Firefox in all our controls with a Scrollviewer.

Now. This is very annoying because we are using the Telerikhtml control to manage the Facebook connection to avoid opening popups whichcause troubles and frustration to all lot of users and your control does not work ifWindowless is not set to 'True'.

If you have info to help us on that, I’d appreciate..

Txs

-Vince

www.sobees.com

[Valentin.Stoychev]

Hi Vincent,

We can't help you this.

We don't have an option other than to use the Windowless parameter set to True. There is a technical requirement in order to be able to position the html above the Silverlight application.

Unfortunately it is documented that the Firefox browser do not support the mousewheel when the application is running in Windowless mode.

Kind regards,
Valentin.Stoychev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Drew]

Vincent,

A workaround is to attach events to the browser. This was what we had to do before Silverlight had mouse wheel support.

http://blogs.silverlight.net/blogs/msnow/archive/2008/07/29/tip-of-the-day-23-how-to-capture-the-mouse-wheel-event.aspx

This worked for me in Chrome, hope it helps.

-Drew

[Licenses]

Vincent where did you put this code? I'm using PRISM and I've put it in the Shell's App.Xaml, but the code doesn't seem to work in FF or Chrome

[Miroslav]

Hi Sodi We,

Specifically for this ScrollViewer case we created this attached property which can be set in xaml:

telerik:ScrollViewerExtensions.EnableMouseWheel="True"

where telerik is:

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

hopefully it will work in your case as well.

Best wishes,
Miroslav
the Telerik team

[Mark Richardson]

Telerik Team,

The solution of adding telerik:ScrollViewerExtensions.EnableMouseWheel="True" to the scrollviewer works.

BUT

The only way it works in firefox if I actually position my mouse arrow inside the actual vertical scroller column.
It should scroll not matter where I have the mouse arrow located at.

This is how it works in traditional browser scrolling.

Thanks,
Mark

[Tina Stancheva]

Hi Mark,

I couldn't reproduce the issue. I used this sample code to test the telerik:ScrollViewerExtensions.EnableMouseWheel="True" solution in a Windowless mode enabled:

<ScrollViewer Width="200" Height="200" telerik:ScrollViewerExtensions.EnableMouseWheel="True">
    <Grid Background="Red" Width="800" Height="800" />
</ScrollViewer>

And whenever I am over the ScrollViewer content - not only over the vertical ScrollBar, I can scroll up/down using the MouseWheel. Can you give us more details about your scenario where the issue can be reproduced. Also, can you tell us what Telerik version you are using? Any additional info that you can give us we help us further investigate the reported issue.

Thank you in advance for your cooperation.

Regards,
Tina Stancheva
the Telerik team

[Hardik]

Hi Tina,

I am getting a similar issue, which Mark is getting. When I'm having my Mouse Arrow on the Vertical Scrollbar I am able to scroll using the Mouse Wheel. However, when I am on any other part of the page, I am not able to scroll. I am using RadControls Version : 2012.3.1308

Follow is the layout structure of my page:

I'm having a main page named eg. A.xaml (Parent page) in which I'm having the follow structure:

<ScrollViewer telerik:ScrollViewerExtensions.EnableMouseWheel="True">

<Grid x:Name="LayoutRoot" Margin="0" DataContext="{Binding Source={StaticResource Presenter}}">

<Grid.RowDefinitions>

    <RowDefinition Height="Auto"/>

    <RowDefinition Height="5"/>

    <RowDefinition Height="*"/>

</Grid.RowDefinitions>

<StackPanel Grid.Row="0" ...... />

<Line x:Name="Line1" Grid.Row="1" StrokeDashArray="1 2" />

<StackPanel  Grid.Row="2" ScrollViewer.VerticalScrollBarVisibility="Auto">

    <ContentControl x:Name="ChildPagePlaceHolder" />

</StackPanel>
<Grid>

</ScrollViewer>

I am having a child page which gets loaded into the content control. The child page comprises of several grid and stack panels which further comprise of RadControls:

<ScrollViewer telerik:ScrollViewerExtensions.EnableMouseWheel="True">
<Grid>

    <Grid.RowDefinitions>

        <RowDefinition Height="Auto" />

        <RowDefinition Height="Auto" />

        <RowDefinition Height="Auto" />....

    </Grid.RowDefinitions>

<StackPanel Grid.Row="0" ...... />
<StackPanel Grid.Row="1" ...... />
<Grid Grid.Row="2" ...../>...

</Grid>
</ScrollViewer>

Both pages are having respective width and height (as per page height and width). Also I tried giving a similar width and height which you've explained in the sample, but it didn't work.

If you can suggest me how I should construct the layout of my parent page and child page, it would be helpful. Also on which page I should put the ScrollViewer would be very helpful and what exactly shall I mention inside it. I would structure the page accordingly.

One thing which I've noticed (which might help you in indentifying the issue) is that when the RadBusyIndicator is loading (on the child page) and at that time if I start scrolling using the mouse wheel it scrolls. But once the page is loaded, it stops scrolling.

Thanks and Regards,
Hardik

[Tina Stancheva]

Hello Hardik,

I still can't reproduce this issue on our side and from your description I'm not sure where in your layout you take advantage of the RadHtmlPlaceholder control. But if you can start a support ticket and send a solution demonstrating the issue, we will gladly take a closer look at your case and advice you how to proceed.

All the best,
Tina Stancheva
the Telerik team