diff --git a/src/mantine-hooks/src/use-move/use-move.ts b/src/mantine-hooks/src/use-move/use-move.ts index 01ab959551b..050299bcc8b 100644 --- a/src/mantine-hooks/src/use-move/use-move.ts +++ b/src/mantine-hooks/src/use-move/use-move.ts @@ -88,6 +88,7 @@ export function useMove( const onMouseDown = (event: MouseEvent) => { startScrubbing(); + event.preventDefault(); onMouseMove(event); }; diff --git a/src/mantine-tiptap/src/RichTextEditor.story.tsx b/src/mantine-tiptap/src/RichTextEditor.story.tsx index f595ef9cc25..73fdaf8d435 100644 --- a/src/mantine-tiptap/src/RichTextEditor.story.tsx +++ b/src/mantine-tiptap/src/RichTextEditor.story.tsx @@ -28,6 +28,10 @@ lowlight.registerLanguage('ts', ts); export default { title: 'TipTap' }; +const lorem = + 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis necessitatibus, impedit tempora, provident voluptate aliquid eos eveniet expedita iusto mollitia accusamus illum sunt fugiat quisquam tempore molestias nulla voluptatem cumque!'; +const htmlContent = Array.from({ length: 10 }).fill(`

${lorem}

`).join(''); + function BasicEditor({ editorProps, content, @@ -51,7 +55,7 @@ function BasicEditor({ types: ['heading', 'paragraph'], }), ], - content: content || '

Hello World!

', + content: content || htmlContent, }); return ( @@ -219,8 +223,6 @@ export function CodeHighlight() { ); } -const lorem = - 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum dicta praesentium perferendis tenetur provident ratione iste, at quo ea enim excepturi, delectus alias nesciunt dolorem. Modi doloremque sed facere nam.'; const largeContent = Array(20) .fill(0) .map(() => `

${lorem}

`)