From 15e7e9348f5601995d0aebc2cd701c982246b441 Mon Sep 17 00:00:00 2001
From: NaBian <836904362@qq.com>
Date: Sun, 28 Sep 2025 21:44:03 +0800
Subject: [PATCH] feat: add avalonia AutoCompleteBox style.

---
 .../Data/DemoInfo.json                        |   3 +-
 .../Styles/AutoCompleteBoxDemo.axaml          | 131 +++++++++
 .../Styles/AutoCompleteBoxDemo.axaml.cs       |   9 +
 .../Controls/Attach/InfoElement.cs            |   2 +-
 .../Themes/Styles/AutoCompleteBox.axaml       | 258 ++++++++++++++++++
 .../Themes/Styles/MergedStyles.axaml          |   1 +
 .../Controls/Attach/InfoElement.cs            |   3 +-
 7 files changed, 404 insertions(+), 3 deletions(-)
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml.cs
 create mode 100644 src/Avalonia/HandyControl_Avalonia/Themes/Styles/AutoCompleteBox.axaml

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
index ca4199f2..a9998037 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
@@ -15,6 +15,7 @@
       [ "TextBlock", "TextBlockDemo", "Brush.TextBlock", "", "" ],
       [ "NumericUpDown", "NumericUpDownDemo", "Brush.NumericListBox", "", "" ],
       [ "TextBox", "TextBoxDemo", "Brush.TextBox", "", "" ],
+      [ "AutoCompleteBox", "AutoCompleteBoxDemo", "Brush.AutoComplete", "", "" ],
       [ "ComboBox", "ComboBoxDemo", "Brush.ComboBox", "", "" ],
       [ "Expander", "ExpanderDemo", "Brush.Expander", "", "" ],
       [ "ProgressBar", "NativeProgressBarDemo", "Brush.ProgressBar", "", "" ],
@@ -24,7 +25,7 @@
       [ "ListBox", "ListBoxDemo", "Brush.ListBox", "", "" ],
       [ "Menu", "MenuDemo", "Brush.ContextMenu", "", "" ],
       [ "Border", "BorderDemo", "Brush.BorderElement", "", "" ],
-      [ "Label", "LabelDemo", "Brush.Label", "", "" ],
+      [ "Label", "LabelDemo", "Brush.Label", "", "" ]
     ]
   },
   {
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml
new file mode 100644
index 00000000..22686e93
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml
@@ -0,0 +1,131 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
+             x:Class="HandyControlDemo.UserControl.AutoCompleteBoxDemo">
+    <ScrollViewer>
+        <hc:UniformSpacingPanel Spacing="32"
+                                Margin="32"
+                                ChildWrapping="Wrap">
+            <StackPanel>
+                <AutoCompleteBox ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains" />
+                <AutoCompleteBox ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,16,0,0"
+                                 IsEnabled="False" />
+
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 hc:InfoElement.ShowClearButton="True"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,16,0,0"
+                                 IsEnabled="False" />
+                <AutoCompleteBox Watermark="please enter content"
+                                 hc:TitleElement.Title="This item must be filled in"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 hc:InfoElement.Necessary="True"
+                                 Margin="0,16,0,0" />
+                <AutoCompleteBox Width="380"
+                                 hc:TitleElement.TitleWidth="120"
+                                 hc:TitleElement.TitlePlacement="Left"
+                                 hc:TitleElement.Title="The title is on the left"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox Width="380"
+                                 hc:TitleElement.TitleWidth="120"
+                                 Watermark="Please enter content"
+                                 hc:TitleElement.TitlePlacement="Left"
+                                 hc:TitleElement.Title="The title is on the left"
+                                 hc:InfoElement.Necessary="True"
+                                 Theme="{StaticResource AutoCompleteBoxExtend}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,16,0,0" />
+            </StackPanel>
+            <StackPanel>
+                <AutoCompleteBox ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Theme="{StaticResource AutoCompleteBox.Small}" />
+                <AutoCompleteBox ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Theme="{StaticResource AutoCompleteBox.Small}"
+                                 Margin="0,16,0,0"
+                                 IsEnabled="False" />
+
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 hc:InfoElement.ShowClearButton="True"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox hc:TitleElement.Title="This is the title"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,16,0,0"
+                                 IsEnabled="False" />
+                <AutoCompleteBox Watermark="please enter content"
+                                 hc:TitleElement.Title="This item must be filled in"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 hc:InfoElement.Necessary="True"
+                                 Margin="0,16,0,0" />
+                <AutoCompleteBox Width="380"
+                                 hc:TitleElement.TitleWidth="120"
+                                 hc:TitleElement.TitlePlacement="Left"
+                                 hc:TitleElement.Title="The title is on the left"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,32,0,0" />
+                <AutoCompleteBox Width="380"
+                                 hc:TitleElement.TitleWidth="120"
+                                 Watermark="Please enter content"
+                                 hc:TitleElement.TitlePlacement="Left"
+                                 hc:TitleElement.Title="The title is on the left"
+                                 hc:InfoElement.Necessary="True"
+                                 Theme="{StaticResource AutoCompleteBoxExtend.Small}"
+                                 ItemsSource="{Binding DataList}"
+                                 ValueMemberBinding="{Binding Name}"
+                                 FilterMode="Contains"
+                                 Margin="0,16,0,0" />
+            </StackPanel>
+        </hc:UniformSpacingPanel>
+    </ScrollViewer>
+</UserControl>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml.cs
new file mode 100644
index 00000000..f9383e70
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/AutoCompleteBoxDemo.axaml.cs
@@ -0,0 +1,9 @@
+namespace HandyControlDemo.UserControl;
+
+public partial class AutoCompleteBoxDemo : Avalonia.Controls.UserControl
+{
+    public AutoCompleteBoxDemo()
+    {
+        InitializeComponent();
+    }
+}
diff --git a/src/Avalonia/HandyControl_Avalonia/Controls/Attach/InfoElement.cs b/src/Avalonia/HandyControl_Avalonia/Controls/Attach/InfoElement.cs
index 20b2e535..53ea4c72 100644
--- a/src/Avalonia/HandyControl_Avalonia/Controls/Attach/InfoElement.cs
+++ b/src/Avalonia/HandyControl_Avalonia/Controls/Attach/InfoElement.cs
@@ -54,7 +54,7 @@ public class InfoElement
     public static string GetRegexPattern(AvaloniaObject element) => element.GetValue(RegexPatternProperty);
 
     public static readonly AttachedProperty<bool> ShowClearButtonProperty =
-        AvaloniaProperty.RegisterAttached<InfoElement, AvaloniaObject, bool>("ShowClearButton");
+        AvaloniaProperty.RegisterAttached<InfoElement, AvaloniaObject, bool>("ShowClearButton", inherits: true);
 
     public static void SetShowClearButton(AvaloniaObject element, bool value) =>
         element.SetValue(ShowClearButtonProperty, value);
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/AutoCompleteBox.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/AutoCompleteBox.axaml
new file mode 100644
index 00000000..acc05f8c
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/AutoCompleteBox.axaml
@@ -0,0 +1,258 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    x:ClassModifier="internal"
+                    xmlns:hc="clr-namespace:HandyControl.Controls"
+                    xmlns:system="clr-namespace:System;assembly=System.Runtime">
+
+    <ControlTheme x:Key="AutoCompleteBoxBaseStyle"
+                  TargetType="AutoCompleteBox">
+        <Setter Property="hc:TitleElement.MarginOnTheLeft"
+                Value="0,7,6,0" />
+        <Setter Property="hc:TitleElement.MarginOnTheTop"
+                Value="8,0,0,5" />
+        <Setter Property="hc:TitleElement.HorizontalAlignment"
+                Value="Left" />
+        <Setter Property="hc:BorderElement.CornerRadius"
+                Value="{StaticResource DefaultCornerRadius}" />
+        <Setter Property="CornerRadius"
+                Value="{Binding $self.(hc:BorderElement.CornerRadius)}" />
+        <Setter Property="MinHeight"
+                Value="{StaticResource DefaultControlHeight}" />
+        <Setter Property="Padding"
+                Value="{StaticResource DefaultInputPadding}" />
+        <Setter Property="Background"
+                Value="{DynamicResource RegionBrush}" />
+        <Setter Property="BorderBrush"
+                Value="{DynamicResource BorderBrush}" />
+        <Setter Property="Foreground"
+                Value="{DynamicResource PrimaryTextBrush}" />
+        <Setter Property="BorderThickness"
+                Value="1" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Panel>
+                    <TextBox Name="PART_TextBox"
+                             Padding="{TemplateBinding Padding}"
+                             MinHeight="{TemplateBinding MinHeight}"
+                             Background="{TemplateBinding Background}"
+                             BorderBrush="{TemplateBinding BorderBrush}"
+                             BorderThickness="{TemplateBinding BorderThickness}"
+                             CornerRadius="{TemplateBinding CornerRadius}"
+                             CaretIndex="{TemplateBinding CaretIndex, Mode=TwoWay}"
+                             ClearSelectionOnLostFocus="{TemplateBinding ClearSelectionOnLostFocus}"
+                             DataValidationErrors.Errors="{TemplateBinding (DataValidationErrors.Errors)}"
+                             Watermark="{TemplateBinding Watermark}"
+                             MaxLength="{TemplateBinding MaxLength}" />
+                    <Popup Name="PART_Popup"
+                           MinWidth="{Binding Bounds.Width, RelativeSource={RelativeSource TemplatedParent}}"
+                           MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                           IsLightDismissEnabled="True"
+                           PlacementTarget="{TemplateBinding}">
+                        <Border Background="{DynamicResource RegionBrush}"
+                                BorderBrush="{DynamicResource BorderBrush}"
+                                BorderThickness="0,1,0,0"
+                                MinWidth="{Binding Bounds.Width, RelativeSource={RelativeSource TemplatedParent}}"
+                                MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                                Margin="8,0,8,8"
+                                Effect="{StaticResource EffectShadow2}"
+                                HorizontalAlignment="Stretch"
+                                CornerRadius="{TemplateBinding CornerRadius}">
+                            <ListBox Name="PART_SelectingItemsControl"
+                                     Background="{TemplateBinding Background}"
+                                     BorderThickness="0"
+                                     Foreground="{TemplateBinding Foreground}"
+                                     ItemTemplate="{TemplateBinding ItemTemplate}"
+                                     ScrollViewer.HorizontalScrollBarVisibility="Auto"
+                                     ScrollViewer.VerticalScrollBarVisibility="Auto" />
+                        </Border>
+                    </Popup>
+                </Panel>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type AutoCompleteBox}"
+                  BasedOn="{StaticResource AutoCompleteBoxBaseStyle}"
+                  TargetType="AutoCompleteBox" />
+
+    <ControlTheme x:Key="AutoCompleteBox.Small"
+                  BasedOn="{StaticResource AutoCompleteBoxBaseStyle}"
+                  TargetType="AutoCompleteBox">
+        <Setter Property="MinHeight"
+                Value="20" />
+        <Setter Property="Padding"
+                Value="6,0" />
+    </ControlTheme>
+
+    <ControlTheme x:Key="AutoCompleteBoxExtend"
+                  BasedOn="{StaticResource AutoCompleteBoxBaseStyle}"
+                  TargetType="AutoCompleteBox">
+        <Setter Property="hc:InfoElement.Symbol"
+                Value="●" />
+        <Setter Property="hc:InfoElement.ContentHeight"
+                Value="{x:Static system:Double.NaN}" />
+        <Setter Property="hc:InfoElement.MinContentHeight"
+                Value="{StaticResource DefaultControlHeight}" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <HeaderedContentControl Header="{Binding $parent.(hc:TitleElement.Title)}">
+                    <Panel>
+                        <TextBox Name="PART_TextBox"
+                                 Padding="{TemplateBinding Padding}"
+                                 MinHeight="{TemplateBinding MinHeight}"
+                                 Background="{TemplateBinding Background}"
+                                 BorderBrush="{TemplateBinding BorderBrush}"
+                                 BorderThickness="{TemplateBinding BorderThickness}"
+                                 CornerRadius="{TemplateBinding CornerRadius}"
+                                 CaretIndex="{TemplateBinding CaretIndex, Mode=TwoWay}"
+                                 ClearSelectionOnLostFocus="{TemplateBinding ClearSelectionOnLostFocus}"
+                                 DataValidationErrors.Errors="{TemplateBinding (DataValidationErrors.Errors)}"
+                                 Watermark="{TemplateBinding Watermark}"
+                                 MaxLength="{TemplateBinding MaxLength}" />
+                        <Popup Name="PART_Popup"
+                               MinWidth="{Binding Bounds.Width, RelativeSource={RelativeSource TemplatedParent}}"
+                               MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                               IsLightDismissEnabled="True"
+                               PlacementTarget="{TemplateBinding}">
+                            <Border Background="{DynamicResource RegionBrush}"
+                                    BorderBrush="{DynamicResource BorderBrush}"
+                                    BorderThickness="0,1,0,0"
+                                    MinWidth="{Binding Bounds.Width, RelativeSource={RelativeSource TemplatedParent}}"
+                                    MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                                    Margin="8,0,8,8"
+                                    Effect="{StaticResource EffectShadow2}"
+                                    HorizontalAlignment="Stretch"
+                                    CornerRadius="{TemplateBinding CornerRadius}">
+                                <ListBox Name="PART_SelectingItemsControl"
+                                         Background="{TemplateBinding Background}"
+                                         BorderThickness="0"
+                                         Foreground="{TemplateBinding Foreground}"
+                                         ItemTemplate="{TemplateBinding ItemTemplate}"
+                                         ScrollViewer.HorizontalScrollBarVisibility="Auto"
+                                         ScrollViewer.VerticalScrollBarVisibility="Auto" />
+                            </Border>
+                        </Popup>
+                    </Panel>
+                </HeaderedContentControl>
+            </ControlTemplate>
+        </Setter>
+
+        <Style Selector="^ /template/ TextBox#PART_TextBox">
+            <Setter Property="Theme">
+                <ControlTheme BasedOn="{StaticResource TextBoxBaseStyle}"
+                              TargetType="TextBox">
+                    <Setter Property="hc:InfoElement.Symbol"
+                            Value="●" />
+                    <Setter Property="hc:InfoElement.ContentHeight"
+                            Value="{x:Static system:Double.NaN}" />
+                    <Setter Property="hc:InfoElement.MinContentHeight"
+                            Value="{StaticResource DefaultControlHeight}" />
+                    <Setter Property="Template">
+                        <ControlTemplate>
+                            <Grid ColumnDefinitions="*,Auto">
+                                <Border x:Name="border"
+                                        Grid.ColumnSpan="2"
+                                        CornerRadius="{TemplateBinding CornerRadius}"
+                                        BorderBrush="{TemplateBinding BorderBrush}"
+                                        BorderThickness="{TemplateBinding BorderThickness}"
+                                        Background="{TemplateBinding Background}" />
+                                <TextBlock Grid.Column="0"
+                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                           Margin="{TemplateBinding Padding}"
+                                           IsVisible="{TemplateBinding Text, Converter={x:Static StringConverters.IsNullOrEmpty}}"
+                                           HorizontalAlignment="Stretch"
+                                           Theme="{StaticResource TextBlockDefaultThiLight}"
+                                           Text="{TemplateBinding Watermark}" />
+                                <ScrollViewer Grid.Column="0"
+                                              Name="PART_ScrollViewer"
+                                              AllowAutoHide="{TemplateBinding (ScrollViewer.AllowAutoHide)}"
+                                              BringIntoViewOnFocusChange="{TemplateBinding (ScrollViewer.BringIntoViewOnFocusChange)}"
+                                              HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}"
+                                              IsScrollChainingEnabled="{TemplateBinding (ScrollViewer.IsScrollChainingEnabled)}"
+                                              VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}">
+                                    <TextPresenter Name="PART_TextPresenter"
+                                                   Margin="{TemplateBinding Padding}"
+                                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                   CaretBlinkInterval="{TemplateBinding CaretBlinkInterval}"
+                                                   CaretBrush="{TemplateBinding CaretBrush}"
+                                                   CaretIndex="{TemplateBinding CaretIndex}"
+                                                   LineHeight="{TemplateBinding LineHeight}"
+                                                   LetterSpacing="{TemplateBinding LetterSpacing}"
+                                                   PasswordChar="{TemplateBinding PasswordChar}"
+                                                   RevealPassword="{TemplateBinding RevealPassword}"
+                                                   SelectionBrush="{TemplateBinding SelectionBrush}"
+                                                   SelectionEnd="{TemplateBinding SelectionEnd}"
+                                                   SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
+                                                   SelectionStart="{TemplateBinding SelectionStart}"
+                                                   Text="{TemplateBinding Text,Mode=TwoWay}"
+                                                   TextAlignment="{TemplateBinding TextAlignment}"
+                                                   TextWrapping="{TemplateBinding TextWrapping}" />
+                                    <ScrollViewer.Styles>
+                                        <Style Selector="ScrollContentPresenter#PART_ContentPresenter">
+                                            <Setter Property="Cursor"
+                                                    Value="IBeam" />
+                                        </Style>
+                                    </ScrollViewer.Styles>
+                                </ScrollViewer>
+                                <Button HorizontalContentAlignment="Left"
+                                        HorizontalAlignment="Stretch"
+                                        VerticalAlignment="Stretch"
+                                        hc:IconElement.Width="14"
+                                        Command="{Binding $parent[TextBox].Clear}"
+                                        Name="ButtonClear"
+                                        Focusable="False"
+                                        Grid.Column="1"
+                                        Theme="{StaticResource ButtonIcon}"
+                                        Padding="{Binding Padding, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ThicknessSplitConverter}, ConverterParameter='0,0,1,0'}"
+                                        hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
+                                        Foreground="{Binding BorderBrush,ElementName=border}">
+                                    <Button.IsVisible>
+                                        <MultiBinding Converter="{x:Static BoolConverters.And}">
+                                            <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                                     Path="IsPointerOver" />
+                                            <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                                     Path="(hc:InfoElement.ShowClearButton)" />
+                                            <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                                     Path="IsReadOnly"
+                                                     Converter="{x:Static BoolConverters.Not}" />
+                                        </MultiBinding>
+                                    </Button.IsVisible>
+                                </Button>
+                            </Grid>
+                        </ControlTemplate>
+                    </Setter>
+                </ControlTheme>
+            </Setter>
+        </Style>
+    </ControlTheme>
+
+    <ControlTheme x:Key="AutoCompleteBoxExtend.Small"
+                  BasedOn="{StaticResource AutoCompleteBoxExtend}"
+                  TargetType="AutoCompleteBox">
+        <Setter Property="hc:InfoElement.MinContentHeight"
+                Value="20" />
+        <Setter Property="hc:InfoElement.ContentHeight"
+                Value="20" />
+        <Setter Property="hc:TitleElement.MarginOnTheLeft"
+                Value="0,3,6,0" />
+        <Setter Property="hc:TitleElement.MarginOnTheTop"
+                Value="6,0,0,1" />
+        <Setter Property="Padding"
+                Value="6,0" />
+        <Setter Property="MinHeight"
+                Value="20" />
+
+        <Style Selector="^ /template/ ListBox#PART_SelectingItemsControl">
+            <Setter Property="ItemContainerTheme">
+                <ControlTheme BasedOn="{StaticResource ListBoxItemBaseStyle}"
+                              TargetType="ListBoxItem">
+                    <Setter Property="Padding"
+                            Value="6,0" />
+                    <Setter Property="MinHeight"
+                            Value="20" />
+                </ControlTheme>
+            </Setter>
+        </Style>
+    </ControlTheme>
+
+</ResourceDictionary>
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
index 9dd1f06b..8868b28b 100644
--- a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
@@ -48,6 +48,7 @@
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/ProgressBar.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/Calendar.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/TextBox.axaml" />
+                <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/AutoCompleteBox.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/ButtonSpinner.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/NumericUpDown.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/ComboBox.axaml" />
diff --git a/src/Shared/HandyControl_Shared/Controls/Attach/InfoElement.cs b/src/Shared/HandyControl_Shared/Controls/Attach/InfoElement.cs
index ac78ab94..77299b16 100644
--- a/src/Shared/HandyControl_Shared/Controls/Attach/InfoElement.cs
+++ b/src/Shared/HandyControl_Shared/Controls/Attach/InfoElement.cs
@@ -91,7 +91,8 @@ public class InfoElement : TitleElement
         => (string) element.GetValue(RegexPatternProperty);
 
     public static readonly DependencyProperty ShowClearButtonProperty = DependencyProperty.RegisterAttached(
-        "ShowClearButton", typeof(bool), typeof(InfoElement), new PropertyMetadata(ValueBoxes.FalseBox));
+        "ShowClearButton", typeof(bool), typeof(InfoElement),
+        new FrameworkPropertyMetadata(ValueBoxes.FalseBox, FrameworkPropertyMetadataOptions.Inherits));
 
     public static void SetShowClearButton(DependencyObject element, bool value)
         => element.SetValue(ShowClearButtonProperty, ValueBoxes.BooleanBox(value));