From 809b561aee843a180fa9b701f11c8a2fbae92dea Mon Sep 17 00:00:00 2001
From: Katherine <katherine_15995@163.com>
Date: Thu, 15 Aug 2024 20:18:17 +0800
Subject: [PATCH] fix: filter form action bar stye improve (#5054)

---
 .../block-provider/FilterFormBlockProvider.tsx  | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx b/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
index 0c0bb304edb..b2fb092fedf 100644
--- a/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
+++ b/packages/core/client/src/block-provider/FilterFormBlockProvider.tsx
@@ -10,7 +10,7 @@
 import { useFieldSchema } from '@formily/react';
 import React from 'react';
 import { withDynamicSchemaProps } from '../hoc/withDynamicSchemaProps';
-import { DatePickerProvider } from '../schema-component';
+import { DatePickerProvider, ActionBarProvider } from '../schema-component';
 import { DefaultValueProvider } from '../schema-settings';
 import { CollectOperators } from './CollectOperators';
 import { FormBlockProvider } from './FormBlockProvider';
@@ -23,9 +23,18 @@ export const FilterFormBlockProvider = withDynamicSchemaProps((props) => {
   return (
     <CollectOperators defaultOperators={deprecatedOperators}>
       <DatePickerProvider value={{ utc: false }}>
-        <DefaultValueProvider isAllowToSetDefaultValue={() => false}>
-          <FormBlockProvider name="filter-form" {...props}></FormBlockProvider>
-        </DefaultValueProvider>
+        <ActionBarProvider
+          forceProps={{
+            style: {
+              overflowY: 'auto',
+              width: '100%',
+            },
+          }}
+        >
+          <DefaultValueProvider isAllowToSetDefaultValue={() => false}>
+            <FormBlockProvider name="filter-form" {...props}></FormBlockProvider>
+          </DefaultValueProvider>
+        </ActionBarProvider>
       </DatePickerProvider>
     </CollectOperators>
   );