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

9 posts, 0 answers
  1. Vincent
    Vincent avatar
    2 posts
    Member since:
    Jun 2009

    Posted 27 Apr 2010 Link to this post

    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

  2. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 03 May 2010 Link to this post

    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.
  3. DevCraft banner
  4. Drew
    Drew avatar
    1 posts
    Member since:
    Jun 2010

    Posted 29 Jun 2010 Link to this post

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


    This worked for me in Chrome, hope it helps.

    -Drew
  5. Sodi We
    Sodi We avatar
    160 posts
    Member since:
    Apr 2010

    Posted 05 Aug 2010 Link to this post

    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
  6. Miroslav
    Admin
    Miroslav avatar
    922 posts

    Posted 10 Aug 2010 Link to this post

    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
    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
  7. Mark Richardson
    Mark Richardson avatar
    7 posts
    Member since:
    Oct 2009

    Posted 01 Aug 2011 Link to this post

    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
  8. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 04 Aug 2011 Link to this post

    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

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

  9. Hardik
    Hardik avatar
    11 posts
    Member since:
    Jun 2012

    Posted 01 Mar 2013 Link to this post

    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

  10. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 06 Mar 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top
DevCraft banner