mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

chore: scroll to the top of the page when the search box value changes (#45211)

Browse Source
This commit is contained in:
叶枫 2023-10-08 15:41:50 +08:00 committed by GitHub
parent f03a4de272
commit 75611b7db8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
.dumi/theme/builtins/ComponentOverview/index.tsx
View File

@ -4,9 +4,10 @@ import { SearchOutlined } from '@ant-design/icons';
import { Affix, Card, Col, Divider, Input, Row, Space, Tag, Typography } from 'antd';
import { createStyles, useTheme } from 'antd-style';
import { useIntl, useLocation, useSidebarData } from 'dumi';
import Link from '../../common/Link';
import debounce from 'lodash/debounce';
import scrollIntoView from 'scroll-into-view-if-needed';
import Link from '../../common/Link';
import SiteContext from '../../slots/SiteContext';
import type { Component } from './ProComponentsList';
import proComponentsList from './ProComponentsList';
@ -157,6 +158,16 @@ const Overview: React.FC = () => {
onChange={(e) => {
setSearch(e.target.value);
reportSearch(e.target.value);
if (sectionRef.current) {
scrollIntoView(sectionRef.current, {
scrollMode: 'if-needed',
block: 'start',
behavior: (actions) =>
actions.forEach(({ el, top }) => {
el.scrollTop = top - 64;
}),
});
}
}}
onKeyDown={onKeyDown}
bordered={false}