mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 18:13:29 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(Splitter): fix the issue about Splitter had unexpected gaps in Flex (#51096)

Browse Source
This commit is contained in:
kiner-tang 2024-10-02 17:46:22 +08:00 committed by GitHub
parent d5ef5f3f2c
commit e8b0fc4925
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 50 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/splitter/Splitter.tsx
View File

@ -146,7 +146,6 @@ const Splitter: React.FC<React.PropsWithChildren<SplitterProps>> = (props) => {
const mergedStyle: React.CSSProperties = { ...splitter?.style, ...style }; const mergedStyle: React.CSSProperties = { ...splitter?.style, ...style };
return wrapCSSVar( return wrapCSSVar(
<>
<ResizeObserver onResize={onContainerResize}> <ResizeObserver onResize={onContainerResize}>
<div style={mergedStyle} className={containerClassName}> <div style={mergedStyle} className={containerClassName}>
{items.map((item, idx) => { {items.map((item, idx) => {
@ -197,14 +196,12 @@ const Splitter: React.FC<React.PropsWithChildren<SplitterProps>> = (props) => {
</React.Fragment> </React.Fragment>
); );
})} })}
</div>
</ResizeObserver>
{/* Fake mask for cursor */} {/* Fake mask for cursor */}
{typeof movingIndex === 'number' && ( {typeof movingIndex === 'number' && (
<div aria-hidden className={classNames(maskCls, `${maskCls}-${layout}`)} /> <div aria-hidden className={classNames(maskCls, `${maskCls}-${layout}`)} />
)} )}
</>, </div>
</ResizeObserver>,
); );
}; };