chore: fix table of contents option on mobile

This commit is contained in:
Aman Harwara
2023-10-18 17:05:16 +05:30
parent 12fcfa28a9
commit d39d5da17e
4 changed files with 15 additions and 10 deletions

View File

@@ -675,6 +675,7 @@ const ToolbarPlugin = () => {
align="center"
className="py-1"
disableMobileFullscreenTakeover
disableFlip
>
<div className="mb-1.5 mt-1 px-3 text-sm font-semibold uppercase text-text">Table of Contents</div>
<LexicalTableOfContents>
@@ -690,14 +691,13 @@ const ToolbarPlugin = () => {
key={key}
className="overflow-hidden md:py-2"
onClick={() => {
setIsTOCOpen(false)
editor.getEditorState().read(() => {
const domElement = editor.getElementByKey(key)
if (!domElement) {
return
}
const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
domElement.scrollIntoView({ behavior: reducedMotion ? 'auto' : 'smooth', block: 'nearest' })
domElement.scrollIntoView({ block: 'start' })
setIsTOCOpen(false)
})
}}
>