froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.3k stars 674 forks source link

the single & double click not working inside the froala editor, also cursor position not working for firefox and safari #4164

Open sunildora94 opened 3 years ago

sunildora94 commented 3 years ago

Expected behavior. I'm using the toolbar Inline editor (https://froala.com/wysiwyg-editor/examples/inline/), when I click on any content inside the Froala editor the cursor is not showing at the clicked area in the Firefox and safari, but in Google Chrome this thing is working properly. (Please check the video: https://www.loom.com/share/8b515ff4e9de48cc848448431a95efd2)

Actual behavior. But in actuality, it needs to show the cursor focus on the clicked position of the content like it is working in Google Chrome (please check the video here: https://www.loom.com/share/9765b2845b054c83afabc5109609e619)

Steps to reproduce the problem. I can't reproduce the issue anywhere, but the issue still exists for me. Here are the below options I'm using to create the editor:

                    pastePlain: true,
                    imagePaste: false,
                    pasteAllowLocalImages: false,
                    pasteDeniedAttrs: ['class', 'id', 'style'],
                    imageUpload: false,
                    autofocus: true,
                    toolbarInline: true,
                    charCounterCount: false,
                    toolbarButtons: ['bold', 'italic', 'underline', 'align', 'paragraphStyle', 'textColor', 'backgroundColor', 'formatOL', 'formatUL', 'customCode', 'insertLink', 'html', 'undo', 'redo', 'insert_terms'],
                    toolbarVisibleWithoutSelection: true,
                    colorsBackground: [
                        '#15E67F', '#E3DE8C', '#D8A076', '#D83762', '#76B6D8', 'REMOVE',
                        '#1C7A90', '#249CB8', '#4ABED9', '#FBD75B', '#FBE571', '#FFFFFF'
                    ],
                    colorsStep: 6,
                    colorsText: [
                        '#15E67F', '#E3DE8C', '#D8A076', '#D83762', '#76B6D8', 'REMOVE',
                        '#1C7A90', '#249CB8', '#4ABED9', '#FBD75B', '#FBE571', '#FFFFFF'
                    ],
                    htmlUntouched: true,
                    htmlAllowedEmptyTags: ['i'],
                    linkInsertButtons: ['linkBack'],
                    linkEditButtons: ['linkStyle', 'linkOpen', 'linkEdit'],
                    linkStyles: {
                        'fr-strong': 'Thick',
                        'froala-underline': 'Underline',
                        'froala-grey': 'Grey',
                        'froala-blue': 'Blue',
                        'froala-orange': 'Orange',
                        'text-link--1 text-link--underline': 'Primary color style',
                        'text-link--2 text-link--underline': 'Secondary color style',
                        'text-link--3 text-link--underline': 'Dark style'
                    },
                    paragraphStyles: {
                        'fr-text-bordered': 'Bordered',
                        'fr-text-spaced': 'Spaced',
                        'fr-text-uppercase': 'Uppercase'
                    },
                    quickInsertButtons: ['table', 'ol', 'ul'],

Editor version : "froala-editor": "^3.2.6" (https://www.npmjs.com/package/froala-editor)

OS. Windows 10

Browser: Mozilla Firefox and Safari (latest version)

Recording: https://www.loom.com/share/8b515ff4e9de48cc848448431a95efd2

GirishKumar-Muniraju commented 3 years ago

Might be helpful (Please check here) Comments.

Issue might be related to wysiwyg-editor methods.

MeghashreeAP commented 2 years ago

Thanks for your feedback. This issue is not reproducible or have been found to be fixed on the latest Froala release v4.0.8. Can you please upgrade and check?