3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-02 19:03:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): prepend docsearch modal to body element (#4188)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-02-08 17:57:03 +03:00 • committed by GitHub
parent b0e38d57df
commit d6510b63ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/index.js
View file

@ -53,6 +53,7 @@ function DocSearch({contextualSearch, ...props}) {
const {withBaseUrl} = useBaseUrlUtils();
const history = useHistory();
const searchContainer = useRef(null);
const searchButtonRef = useRef(null);
const [isOpen, setIsOpen] = useState(false);
const [initialQuery, setInitialQuery] = useState(null);
@ -73,12 +74,18 @@ function DocSearch({contextualSearch, ...props}) {
const onOpen = useCallback(() => {
importDocSearchModalIfNeeded().then(() => {
searchContainer.current = document.createElement('div');
document.body.insertBefore(
searchContainer.current,
document.body.firstChild,
);
setIsOpen(true);
});
}, [importDocSearchModalIfNeeded, setIsOpen]);
const onClose = useCallback(() => {
setIsOpen(false);
searchContainer.current.remove();
}, [setIsOpen]);
const onInput = useCallback(
@ -172,7 +179,7 @@ function DocSearch({contextualSearch, ...props}) {
{...props}
searchParameters={searchParameters}
/>,
document.body,
searchContainer.current,
)}
</>
);

4
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/styles.css
View file

@ -14,3 +14,7 @@
transition: all var(--ifm-transition-fast)
var(--ifm-transition-timing-default);
}
.DocSearch-Container {
z-index: calc(var(--ifm-z-index-fixed) + 1);
}