View Issue Details

IDProjectCategoryView StatusLast Update
0001467NoesisGUIC++ SDKpublic2019-05-14 10:12
Reporterrealesmedia Assigned Tosfernandez  
PrioritynormalSeveritymajor 
Status assignedResolutionopen 
Product Version2.2.2 
Summary0001467: ScrollViewer mouse wheel scroll does not work if the mouse is over a child ScrollViewer
Description

There is a problem with ScrollViewer on element inside another ScrollViewer. If mouse hovers on child ScrollViewer, parent ScrollViewer don't get mouse-wheel-scroll, even if child has nothing to scroll and scrollbars on it are invisible

if after the start of scrolling the cursor is over the element containing the ScrollViewer, then the scrolling is frozen

P.S.
Checked in WPF, similar behavior. How to make scrolling in this case?

Attached Files
TreeView.xaml (20,120 bytes)   
<Grid
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d">

    <Grid.Background>
	    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Offset="0" Color="#FF184C79"/>
            <GradientStop Offset="0.05" Color="#FF1B5688"/>
            <GradientStop Offset="1" Color="#FF123859"/>
        </LinearGradientBrush>
	</Grid.Background>

  <ScrollViewer HorizontalScrollBarVisibility="Disabled"  VerticalScrollBarVisibility="Auto"  Width="500" Height="500" Background="#151515">
  <Grid >
    <Grid.RowDefinitions>
      <RowDefinition Height="500"/>
      <RowDefinition Height="500"/>
    </Grid.RowDefinitions>

    <TreeView Width="250" Height="300" FontSize="21">
    				<TreeViewItem IsExpanded="True">
    					<TreeViewItem.Header>
    						<StackPanel Orientation="Horizontal">
    							<Image Source="Images/monitor.png" Width="24" Height="24"/>
    							<TextBlock Text="Computer" VerticalAlignment="Center" Margin="4,0,0,0"/>
    						</StackPanel>
    					</TreeViewItem.Header>
    					<TreeViewItem>
    						<TreeViewItem.Header>
    							<StackPanel Orientation="Horizontal">
    								<Image Source="Images/game_pad.png" Width="24" Height="24"/>
    								<TextBlock Text="Games" VerticalAlignment="Center" Margin="4,0,0,0"/>
    							</StackPanel>
    						</TreeViewItem.Header>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Bouncing Ball" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Duck Hunt" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Tic Tac Toe" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    					</TreeViewItem>
    					<TreeViewItem>
    						<TreeViewItem.Header>
    							<StackPanel Orientation="Horizontal">
    								<Image Source="Images/folder.png" Width="24" Height="24"/>
    								<TextBlock Text="Program Files" VerticalAlignment="Center" Margin="4,0,0,0"/>
    							</StackPanel>
    						</TreeViewItem.Header>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="7-Zip" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Adobe" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Microsoft" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="NoesisGUI" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Unity" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    					</TreeViewItem>
    					<TreeViewItem>
    						<TreeViewItem.Header>
    							<StackPanel Orientation="Horizontal">
    								<Image Source="Images/recycle_bin.png" Width="24" Height="24"/>
    								<TextBlock Text="Recycle Bin" VerticalAlignment="Center" Margin="4,0,0,0"/>
    							</StackPanel>
    						</TreeViewItem.Header>
    					</TreeViewItem>
    					<TreeViewItem>
    						<TreeViewItem.Header>
    							<StackPanel Orientation="Horizontal">
    								<Image Source="Images/folder.png" Width="24" Height="24"/>
    								<TextBlock Text="Users" VerticalAlignment="Center" Margin="4,0,0,0"/>
    							</StackPanel>
    						</TreeViewItem.Header>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Administrator" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Jane Rae" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="John Doe" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    					</TreeViewItem>
    					<TreeViewItem>
    						<TreeViewItem.Header>
    							<StackPanel Orientation="Horizontal">
    								<Image Source="Images/folder.png" Width="24" Height="24"/>
    								<TextBlock Text="Windows" VerticalAlignment="Center" Margin="4,0,0,0"/>
    							</StackPanel>
    						</TreeViewItem.Header>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Boot" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Cursors" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Fonts" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Media" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="Resources" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    							<TreeViewItem>
    								<TreeViewItem.Header>
    									<StackPanel Orientation="Horizontal">
    										<Image Source="Images/folder.png" Width="24" Height="24"/>
    										<TextBlock Text="Maps" VerticalAlignment="Center" Margin="4,0,0,0"/>
    									</StackPanel>
    								</TreeViewItem.Header>
    							</TreeViewItem>
    							<TreeViewItem>
    								<TreeViewItem.Header>
    									<StackPanel Orientation="Horizontal">
    										<Image Source="Images/folder.png" Width="24" Height="24"/>
    										<TextBlock Text="Themes" VerticalAlignment="Center" Margin="4,0,0,0"/>
    									</StackPanel>
    								</TreeViewItem.Header>
    							</TreeViewItem>
    						</TreeViewItem>
    						<TreeViewItem>
    							<TreeViewItem.Header>
    								<StackPanel Orientation="Horizontal">
    									<Image Source="Images/folder.png" Width="24" Height="24"/>
    									<TextBlock Text="System32" VerticalAlignment="Center" Margin="4,0,0,0"/>
    								</StackPanel>
    							</TreeViewItem.Header>
    						</TreeViewItem>
    					</TreeViewItem>
    				</TreeViewItem>
    			</TreeView>


    <TreeView Grid.Row="1" Width="250" Height="300" FontSize="21">
          <TreeViewItem IsExpanded="True">
            <TreeViewItem.Header>
              <StackPanel Orientation="Horizontal">
                <Image Source="Images/monitor.png" Width="24" Height="24"/>
                <TextBlock Text="Computer" VerticalAlignment="Center" Margin="4,0,0,0"/>
              </StackPanel>
            </TreeViewItem.Header>
            <TreeViewItem>
              <TreeViewItem.Header>
                <StackPanel Orientation="Horizontal">
                  <Image Source="Images/game_pad.png" Width="24" Height="24"/>
                  <TextBlock Text="Games" VerticalAlignment="Center" Margin="4,0,0,0"/>
                </StackPanel>
              </TreeViewItem.Header>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Bouncing Ball" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Duck Hunt" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Tic Tac Toe" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
            </TreeViewItem>
            <TreeViewItem>
              <TreeViewItem.Header>
                <StackPanel Orientation="Horizontal">
                  <Image Source="Images/folder.png" Width="24" Height="24"/>
                  <TextBlock Text="Program Files" VerticalAlignment="Center" Margin="4,0,0,0"/>
                </StackPanel>
              </TreeViewItem.Header>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="7-Zip" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Adobe" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Microsoft" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="NoesisGUI" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Unity" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
            </TreeViewItem>
            <TreeViewItem>
              <TreeViewItem.Header>
                <StackPanel Orientation="Horizontal">
                  <Image Source="Images/recycle_bin.png" Width="24" Height="24"/>
                  <TextBlock Text="Recycle Bin" VerticalAlignment="Center" Margin="4,0,0,0"/>
                </StackPanel>
              </TreeViewItem.Header>
            </TreeViewItem>
            <TreeViewItem>
              <TreeViewItem.Header>
                <StackPanel Orientation="Horizontal">
                  <Image Source="Images/folder.png" Width="24" Height="24"/>
                  <TextBlock Text="Users" VerticalAlignment="Center" Margin="4,0,0,0"/>
                </StackPanel>
              </TreeViewItem.Header>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Administrator" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Jane Rae" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="John Doe" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
            </TreeViewItem>
            <TreeViewItem>
              <TreeViewItem.Header>
                <StackPanel Orientation="Horizontal">
                  <Image Source="Images/folder.png" Width="24" Height="24"/>
                  <TextBlock Text="Windows" VerticalAlignment="Center" Margin="4,0,0,0"/>
                </StackPanel>
              </TreeViewItem.Header>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Boot" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Cursors" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Fonts" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Media" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="Resources" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
                <TreeViewItem>
                  <TreeViewItem.Header>
                    <StackPanel Orientation="Horizontal">
                      <Image Source="Images/folder.png" Width="24" Height="24"/>
                      <TextBlock Text="Maps" VerticalAlignment="Center" Margin="4,0,0,0"/>
                    </StackPanel>
                  </TreeViewItem.Header>
                </TreeViewItem>
                <TreeViewItem>
                  <TreeViewItem.Header>
                    <StackPanel Orientation="Horizontal">
                      <Image Source="Images/folder.png" Width="24" Height="24"/>
                      <TextBlock Text="Themes" VerticalAlignment="Center" Margin="4,0,0,0"/>
                    </StackPanel>
                  </TreeViewItem.Header>
                </TreeViewItem>
              </TreeViewItem>
              <TreeViewItem>
                <TreeViewItem.Header>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="Images/folder.png" Width="24" Height="24"/>
                    <TextBlock Text="System32" VerticalAlignment="Center" Margin="4,0,0,0"/>
                  </StackPanel>
                </TreeViewItem.Header>
              </TreeViewItem>
            </TreeViewItem>
          </TreeViewItem>
        </TreeView>

  </Grid>
  </ScrollViewer>
</Grid>
TreeView.xaml (20,120 bytes)   
PlatformAny

Activities

sfernandez

sfernandez

2019-05-14 01:12

manager   ~0005673

Hi,

Yes, this is the behavior of WPF also.
Usually when you have nested lists, the inner one doesn't need to scroll. So the solution is to provide a different template for that inner list that doesn't have a ScrollViewer.
This way the wheel event will reach the outer list's ScrollViewer without problems.

Could you try that?

realesmedia

realesmedia

2019-05-14 10:12

reporter   ~0005674

Hi,

ok let's try

thank

Issue History

Date Modified Username Field Change
2019-05-13 19:31 realesmedia New Issue
2019-05-13 19:31 realesmedia File Added: TreeView.xaml
2019-05-13 19:35 realesmedia Summary ScrollViewer mouse wheel scroll => ScrollViewer mouse wheel scroll does not work if the mouse is over a child ScrollViewer
2019-05-13 19:39 realesmedia Description Updated
2019-05-13 20:14 realesmedia Description Updated
2019-05-14 01:12 sfernandez Assigned To => sfernandez
2019-05-14 01:12 sfernandez Status new => feedback
2019-05-14 01:12 sfernandez Note Added: 0005673
2019-05-14 10:12 realesmedia Note Added: 0005674
2019-05-14 10:12 realesmedia Status feedback => assigned