xdan/jodit

no tooltip when clicking link within the text

Closed this issue · 1 comments

Jodit Version: 4.2.37

**Browser:Chrome
**OS:Mac
**Is React App:True
**Reproduced on xdsoft.net:False

Code

import { useEffect, useRef } from 'react';

import clsx from 'clsx';
import { Jodit } from 'jodit';
import 'jodit/esm/plugins/fullsize/fullsize.js';
import 'jodit/esm/plugins/preview/preview.js';
import 'jodit/esm/plugins/source/source.js';
import 'jodit/esm/plugins/spellcheck/spellcheck.js';
import 'jodit/esm/plugins/copy-format/copy-format.js';
import 'jodit/esm/plugins/symbols/symbols.js';
import 'jodit/esm/plugins/indent/indent.js';
import 'jodit/esm/plugins/justify/justify.js';
import 'jodit/esm/plugins/print/print.js';
import 'jodit/esm/plugins/image/image.js';
import 'jodit/esm/plugins/resizer/resizer.js';

import 'jodit/es2018/jodit.min.css';

export const RichTextEditor = () => {
    const ref = useRef(null);

    useEffect(() => {
        Jodit.make(ref.current, {
            theme: 'default',
            toolbarAdaptive: false,
            uploader: {
                insertImageAsBase64URI: true,
            },
            image: {
                editSrc: false,
                editId: false,
                editClass: false,
            },
            language: 'en',
            disablePlugins: 'enter',
            showCharsCounter: false,
            showWordsCounter: false,
            showXPathInStatusbar: false,
            enter: 'DIV',
            buttons: [
                'bold',
                'italic',
                'underline',
                'strikethrough',
                'ul',
                'ol',
                'paragraph',
                'superscript',
                'subscript',
                'brush',
                'image',
                'spellcheck',
                'copyformat',
                'table',
                'link',
                'symbols',
                'indent',
                'outdent',
                'align',
                'source',
                'preview',
                'print',
                'fullsize',
            ],
        });
    }, []);

    return (
        <div className={clsx('editor-wrapper')}>
            <textarea ref={ref} />
        </div>
    );
};

Expected behavior:
show tooltip when clicking the link to modify it
Screenshot 2024-10-16 at 16 45 08

Actual behavior:
nothing is showing, same thing with table and image, clicking it shows nothing
Screenshot 2024-10-16 at 16 37 38

Mainly, i want to know if there is something i am doing wrong, or if it's a bug in the library?