Window with ExtendClientAreaToDecorationsHint="True" cannot be moved in 0.10.5 #5977

Outreaver · 2021-05-25T20:03:45Z

Describe the bug
In version 0.10.3 moving window with flag ExtendClientAreaToDecorationsHint = "True" worked fine. I also checked version 0.10.4 and there it works too. After upgrading package to version 0.10.5 window is stuck in place and cannot be moved.

To Reproduce

Create avalonia project (mine is creating in vesrion 0.10.3 by default and im and creating MVVM template).
Upgrade Avalonia packages to version 0.10.5 (Avalonia, Avalonia.Desktop, Avalonia.Diagnostics, Avalonia.ReactiveUI).
In MainWindow.axaml add flag ExtendClientAreaToDecorationsHint="True" in Window tag.
Xaml is looking like this

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="using:AvaloniaMoveTest.ViewModels"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="AvaloniaMoveTest.Views.MainWindow"
        Icon="/Assets/avalonia-logo.ico"
        Title="AvaloniaMoveTest"
	ExtendClientAreaToDecorationsHint="True">

    <Design.DataContext>
        <vm:MainWindowViewModel/>
    </Design.DataContext>

    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

</Window>

Build project and run.
Window cannot be moved.

Expected behavior
Should be possible to move window with mouse.

Desktop (please complete the following information):

OS: Window
Version: 20H2 (19042.985)

The text was updated successfully, but these errors were encountered:

MaddyGuthridge · 2021-05-26T10:20:31Z

This issue is actually to do with using ExtendClientAreaToDecorationsHint="True" and CanResize="False" in the same window, at least in my experimentation. I'm pretty sure this isn't the intended results for this, since they don't create the issue independently.

piksel · 2021-05-26T13:07:08Z

@MiguelGuthridge that's not in the repro above, and adding CanResize="True" does not change anything when I test locally. But if it works for you when you remove it perhaps that is some insight into what is going on...

piksel · 2021-05-26T14:05:53Z

#5923 seems to be the cause. Reverted it locally and built against and it successfully restored window movement.
There are comments made after the merge, so maybe they already figured out the problem... I am not familiar enough with the internals to say exactly how it should be fixed.

maxkatz6 · 2021-05-26T14:10:57Z

Most likely fixed by #5968

piksel · 2021-06-06T15:24:09Z

Confirmed as fixed in 0.10.6, closeable?

aggieben · 2022-05-01T23:26:38Z

I have this problem in 0.10.13, following the music store tutorial.

sergevm · 2022-06-12T13:47:14Z

Similar problem in 0.10.14. In some areas of the window top, I can grab the window and move it, in other areas I cannot.

maxkatz6 · 2022-06-12T16:35:05Z

Please open a new issue with details

Oleg-Olegovich · 2022-08-17T09:31:25Z

The problem resumes at 0.10.18.
It occurs when the control is located on top of the screen.

In this code, StackPanel fills the row from the top, it is impossible to move the window across the screen (the grid is the root control):

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <StackPanel Grid.Row="0"
                        Orientation="Horizontal"
                        Classes="Status">
                <Button Classes="List"
                        Command="{Binding HiddenNavigationMenuCommand}"
                        HotKey="Escape"
                        ToolTip.Tip="Back"
                        Margin="5 5 5 0"/>
            </StackPanel>

            <ContentControl Grid.Row="1"
                            Content="{Binding Content}"
                            HorizontalContentAlignment="Stretch"
                            VerticalContentAlignment="Stretch"/>
        </Grid>

In this code, the row at the top is empty, the window can be moved around the screen:

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="10"/>
                <RowDefinition Height="30"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <StackPanel Grid.Row="1"
                        Orientation="Horizontal"
                        Classes="Status">
                <Button Classes="List"
                        Command="{Binding HiddenNavigationMenuCommand}"
                        HotKey="Escape"
                        ToolTip.Tip="Back"
                        Margin="5 5 5 0"/>
            </StackPanel>

            <ContentControl Grid.Row="2"
                            Content="{Binding Content}"
                            HorizontalContentAlignment="Stretch"
                            VerticalContentAlignment="Stretch"/>
        </Grid>

Clarification: StackPanel "blocks" click events when it has an opaque background.

KillyMXI · 2022-09-02T20:24:48Z

I was also affected by the issue in 0.10.18.
Adding margin to the root control helped to restore the draggable header.

Is it so by design now?
Documentation should probably be updated to explain this caveat.
How should I go about adding non-interactive elements to the header area without affecting the window draggability?

Update:
Setting ExtendClientAreaChromeHints="PreferSystemChrome" on my Window as found there had no observable effect.
Setting CanResize explicitly to any value has no observable effect.

Update 2:
Using IsHitTestVisible allows to have controls in the header area without affecting the draggability.

lazzy07 · 2022-09-11T07:46:28Z

I have a dropdown menu on top of the screen (menubar), so I did it like this. The idea is that the menu items will still be visible to the hit test. and the area next to the menubar isn't, the same way the Visual Studio menubar works.

<Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto"></ColumnDefinition>
      <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

    <Menu Grid.Row="0" Grid.Column="0" Margin="0 8" IsHitTestVisible="True">
      <common:MatMenuItem>
      </common:MatMenuItem>
    </Menu>

    <Grid Grid.Row="0" Grid.Column="1" IsHitTestVisible="False">
    </Grid>
  </Grid>

ccmvn · 2022-09-20T14:34:44Z

It's still not working

timunie · 2022-09-22T07:51:49Z

@CHMarvin maybe you may want to take a look into FluentAvalonia's Core window. https://github.com/amwx/FluentAvalonia

xleon · 2022-11-16T00:56:47Z

I can move it by manually adding a view with IsHitTestVisible="False" at the top. Is this by design or a bug?

<Window xmlns="https://github.com/avaloniaui"
        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"
        xmlns:views="clr-namespace:PlayAvalonia.Views"
        mc:Ignorable="d" 
        d:DesignWidth="500" 
        d:DesignHeight="750"
        Width="900"
        Height="750"
        x:Class="PlayAvalonia.Views.MainWindow"
        Icon="/Assets/avalonia-logo.ico"
        Title="PlayAvalonia"
        TransparencyLevelHint="AcrylicBlur"
        Background="Transparent"
        ExtendClientAreaToDecorationsHint="True">
    
    <Panel>
        <ExperimentalAcrylicBorder IsHitTestVisible="False">
            <ExperimentalAcrylicBorder.Material>
                <ExperimentalAcrylicMaterial
                    BackgroundSource="Digger"
                    TintColor="Black"
                    TintOpacity="1"
                    MaterialOpacity="0.7" />
            </ExperimentalAcrylicBorder.Material>
        </ExperimentalAcrylicBorder>
        
        <Grid RowDefinitions="Auto,*">
            <Border Height="30" IsHitTestVisible="False"/>
            <views:MainView Grid.Row="1"/>
        </Grid>
    </Panel>
</Window>

timunie · 2022-11-16T12:54:19Z

@xleon this is by design. The pointer stops at the first control hat is:

HitTestVisible
Has a Brush set (can be Transparent, but not null)

If no other control was hit, the window gets the pointer and can handle it, for example move the window

maxkatz6 · 2023-01-25T06:22:33Z

I am closing this issue, assuming previous reports weren't setting IsHitTestVisible to false.
Let me know if there is another bug.

RayKoopa · 2023-04-02T18:43:16Z

I'm still a little confused, IsHitTestVisible works different than in the WPF window chrome component.

To whom is "the hit test visible"? To Avalonia to get control events, or to the DWM to control the window chrome?
From which "direction" does the pointer stop checking for IsHitTestVisible? From the root control or from the top most control it clicked at?

I have a DockPanel as a title bar container whose last child is a Border with a non-transparent brush and IsHitTestVisible="False" and nothing above it, yet I can't move the window through it.

EDIT: I made a small sample: While I can get the window to become movable with the red dockpanel, I can no longer click the button inside of it:

<Window xmlns="https://github.com/avaloniaui"
        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" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="AvaloniaApplication1.MainWindow"
        Title="AvaloniaApplication1"
        ExtendClientAreaTitleBarHeightHint="40"
        ExtendClientAreaToDecorationsHint="True">
  <DockPanel>
    <DockPanel DockPanel.Dock="Top" Background="Red" Height="40" IsHitTestVisible="False">
      <Button IsHitTestVisible="True">Can't Click Me...</Button>
    </DockPanel>
    <Border Background="White"/>
  </DockPanel>
</Window>

phillip-haydon · 2023-04-21T10:11:58Z

I can't get this to work at all :(

nameofSEOKWONHONG · 2023-07-05T13:33:47Z

It still doesn't work on v11.
However, it works with a bit of tricks.

<Window xmlns="https://github.com/avaloniaui"
        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"
        TransparencyLevelHint="AcrylicBlur"
        Background="Transparent"
        ExtendClientAreaToDecorationsHint="True"
        ExtendClientAreaTitleBarHeightHint="40"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="AvaloniaApplication2.MainWindow"
        Title="AvaloniaApplication2">
    <Panel>
        <ExperimentalAcrylicBorder IsHitTestVisible="False">
            <ExperimentalAcrylicBorder.Material>
                <ExperimentalAcrylicMaterial
                    BackgroundSource="Digger"
                    TintColor="Black"
                    TintOpacity="1"
                    MaterialOpacity="0.65" />
            </ExperimentalAcrylicBorder.Material>
        </ExperimentalAcrylicBorder>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="20"/>
                <RowDefinition Height="30"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <DockPanel Grid.Row="1">
                <Menu DockPanel.Dock="Top">
                    <MenuItem Header="_File">
                        <MenuItem Header="_Open..."/>
                        <Separator/>
                        <MenuItem Header="_Exit"/>
                    </MenuItem>
                    <MenuItem Header="_Edit">
                        <MenuItem Header="Copy"/>
                        <MenuItem Header="Paste"/>
                    </MenuItem>
                </Menu>
                <TextBlock/>
            </DockPanel>
            <StackPanel Grid.Row="2" Margin="40">
                <Button>Press Me!</Button>
                <TextBlock Margin="0 10">Ready...</TextBlock>
            </StackPanel>
            <StackPanel Grid.Row="3" Margin="40">
                <Button>Press Me!</Button>
                <TextBlock Margin="0 10">Ready...</TextBlock>
            </StackPanel>            
        </Grid>
    </Panel>
</Window>

Eskeminha · 2024-01-19T22:17:14Z

Easiest workaround: on the top Container of the view, like the of the example above, just add Margin.

Example:
<Panel Margin="10">

That will give you space to drag around.

Outreaver added the bug label May 25, 2021

maxkatz6 closed this as completed Jun 6, 2021

maxkatz6 reopened this Sep 11, 2022

maxkatz6 added the help-wanted label Sep 21, 2022

maxkatz6 closed this as completed Jan 25, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Window with ExtendClientAreaToDecorationsHint="True" cannot be moved in 0.10.5 #5977

Window with ExtendClientAreaToDecorationsHint="True" cannot be moved in 0.10.5 #5977

Outreaver commented May 25, 2021

MaddyGuthridge commented May 26, 2021 •

edited

Loading

piksel commented May 26, 2021

piksel commented May 26, 2021

maxkatz6 commented May 26, 2021

piksel commented Jun 6, 2021

aggieben commented May 1, 2022

sergevm commented Jun 12, 2022

maxkatz6 commented Jun 12, 2022

Oleg-Olegovich commented Aug 17, 2022 •

edited

Loading

KillyMXI commented Sep 2, 2022 •

edited

Loading

lazzy07 commented Sep 11, 2022 •

edited

Loading

ccmvn commented Sep 20, 2022 •

edited

Loading

timunie commented Sep 22, 2022 •

edited

Loading

xleon commented Nov 16, 2022

timunie commented Nov 16, 2022

maxkatz6 commented Jan 25, 2023

RayKoopa commented Apr 2, 2023 •

edited

Loading

phillip-haydon commented Apr 21, 2023

nameofSEOKWONHONG commented Jul 5, 2023

Eskeminha commented Jan 19, 2024

Window with ExtendClientAreaToDecorationsHint="True" cannot be moved in 0.10.5 #5977

Window with ExtendClientAreaToDecorationsHint="True" cannot be moved in 0.10.5 #5977

Comments

Outreaver commented May 25, 2021

MaddyGuthridge commented May 26, 2021 • edited Loading

piksel commented May 26, 2021

piksel commented May 26, 2021

maxkatz6 commented May 26, 2021

piksel commented Jun 6, 2021

aggieben commented May 1, 2022

sergevm commented Jun 12, 2022

maxkatz6 commented Jun 12, 2022

Oleg-Olegovich commented Aug 17, 2022 • edited Loading

KillyMXI commented Sep 2, 2022 • edited Loading

lazzy07 commented Sep 11, 2022 • edited Loading

ccmvn commented Sep 20, 2022 • edited Loading

timunie commented Sep 22, 2022 • edited Loading

xleon commented Nov 16, 2022

timunie commented Nov 16, 2022

maxkatz6 commented Jan 25, 2023

RayKoopa commented Apr 2, 2023 • edited Loading

phillip-haydon commented Apr 21, 2023

nameofSEOKWONHONG commented Jul 5, 2023

Eskeminha commented Jan 19, 2024

MaddyGuthridge commented May 26, 2021 •

edited

Loading

Oleg-Olegovich commented Aug 17, 2022 •

edited

Loading

KillyMXI commented Sep 2, 2022 •

edited

Loading

lazzy07 commented Sep 11, 2022 •

edited

Loading

ccmvn commented Sep 20, 2022 •

edited

Loading

timunie commented Sep 22, 2022 •

edited

Loading

RayKoopa commented Apr 2, 2023 •

edited

Loading