Editor functions getting stuck. Anyone else getting this?

  • Maybe Marcel Werk or Alexander Ebert can change it in the ACP settings.. Not sure ;)

    Just realised I could mark this thread as unresolved, so I did... :) but I can't move it to the Bug forum and besides I don't know whether it's a bug or not. Redactor may be working as designed. If this is "normal," it's terrible!


    The whole editor needs to be redesigned anyway, or at least like with IPS, give us the chance to design it as we want, but I'll leave that for another topic.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • I just used Chrome but cannot recreate the error on Redactor's site only Firefox 54.0.1 (32-bit).

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • Just tried again using Firefox and got this in the console window:



    reflow: 0.4ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.17ms


    reflow: 0.65ms


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.13ms


    reflow: 0.18ms


    reflow: 0.34ms


    reflow: 0.7ms


    reflow: 0.3ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.69ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms


    reflow: 0.75ms


    reflow: 0.25ms


    reflow: 0.54ms


    reflow: 0.22ms


    reflow: 0.49ms


    reflow: 0.24ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.64ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.23ms


    reflow: 0.43ms


    reflow: 0.22ms


    reflow: 0.43ms


    reflow: 0.24ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.56ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.23ms


    reflow: 0.44ms


    reflow: 0.22ms


    reflow: 0.36ms


    reflow: 0.25ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.66ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.22ms


    reflow: 0.42ms


    reflow: 0.22ms


    reflow: 0.41ms


    reflow: 0.23ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.86ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.23ms


    reflow: 0.43ms


    reflow: 0.25ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.49ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.03ms


    reflow: 0.28ms


    reflow: 0.44ms


    reflow: 0.73ms


    reflow: 0.26ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.66ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.22ms


    reflow: 0.43ms


    reflow: 0.26ms


    reflow: 0.54ms


    reflow: 0.23ms


    reflow: 0.48ms


    reflow: 0.26ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.55ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.59ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms


    reflow: 0.44ms


    reflow: 0.69ms


    reflow: 0.7ms


    reflow: 0.34ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.28ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.18ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.2ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.36ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.17ms


    reflow: 0.32ms


    reflow: 0.63ms


    reflow: 0.46ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms


    reflow: 0.56ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.39ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms


    reflow: 0.33ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.36ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.33ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.27ms


    reflow: 0.33ms


    reflow: 0.4ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.33ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms


    reflow: 0.58ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.41ms


    reflow: 0.44ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.47ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms


    reflow: 0.56ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.34ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.36ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.33ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms


    reflow: 0.56ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.37ms


    reflow: 0.56ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.33ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms


    reflow: 0.24ms


    reflow: 0.53ms


    reflow: 0.63ms


    reflow: 0.46ms


    reflow: 0.78ms


    reflow: 0.42ms


    reflow: 0.73ms


    reflow: 0.32ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.18ms


    reflow: 0.42ms


    reflow: 0.5ms


    reflow: 0.46ms


    reflow: 0.35ms


    reflow: 0.46ms


    reflow: 0.46ms


    reflow: 0.46ms


    reflow: 0.43ms


    reflow: 0.43ms


    reflow: 0.42ms


    reflow: 0.45ms


    reflow: 0.45ms


    reflow: 0.42ms


    reflow: 0.42ms


    reflow: 0.46ms


    reflow: 0.34ms


    reflow: 0.44ms


    reflow: 0.46ms


    reflow: 0.47ms


    reflow: 0.46ms


    reflow: 0.46ms


    reflow: 0.35ms function s3gt.tooltip.create_mini, tooltip.js line 149


    reflow: 0.23ms function s3gt.tooltip.repos, tooltip.js line 165


    reflow: 0.32ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.34ms


    reflow: 0.44ms function trigger, jquery-2.0.3.min.js line 4


    reflow: 0.51ms


    reflow: 0.45ms function s3gt.tooltip.create_mini, tooltip.js line 149


    reflow: 0.22ms function s3gt.tooltip.repos, tooltip.js line 165


    reflow: 0.26ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.22ms


    reflow: 0.41ms


    reflow: 0.47ms


    reflow: 0.49ms


    reflow: 0.56ms


    reflow: 0.49ms


    reflow: 0.5ms


    reflow: 0.36ms


    reflow: 0.37ms


    reflow: 0.48ms


    reflow: 0.38ms


    reflow: 0.38ms


    reflow: 0.49ms


    reflow: 0.37ms


    reflow: 0.39ms


    reflow: 0.38ms


    reflow: 0.38ms


    reflow: 0.38ms


    reflow: 0.38ms


    reflow: 0.41ms


    reflow: 0.26ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.17ms


    reflow: 0.25ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.29ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.29ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.43ms function trigger, jquery-2.0.3.min.js line 4


    reflow: 0.39ms


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.29ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.18ms


    reflow: 0.49ms


    reflow: 0.48ms


    reflow: 0.48ms


    reflow: 0.49ms


    reflow: 0.49ms


    reflow: 0.54ms


    reflow: 0.38ms


    reflow: 0.38ms


    reflow: 0.42ms


    reflow: 0.38ms


    reflow: 0.52ms


    reflow: 0.4ms


    reflow: 0.4ms


    reflow: 0.5ms


    reflow: 0.41ms


    reflow: 0.32ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.21ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.2ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.33ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.28ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.73ms function trigger, jquery-2.0.3.min.js line 4


    reflow: 1.13ms


    reflow: 0.27ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.29ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.29ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.35ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.23ms


    reflow: 0.69ms


    reflow: 0.6ms


    reflow: 0.57ms


    reflow: 0.57ms


    reflow: 0.42ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.21ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.18ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.23ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.21ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.28ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.26ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.18ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.5ms function trigger, jquery-2.0.3.min.js line 4


    reflow: 0.42ms


    reflow: 0.58ms


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.24ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.28ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.23ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.32ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.2ms


    reflow: 0.58ms


    reflow: 0.59ms


    reflow: 0.58ms


    reflow: 0.58ms


    reflow: 0.58ms


    reflow: 0.56ms


    reflow: 0.56ms


    reflow: 0.55ms


    reflow: 0.44ms


    reflow: 0.55ms


    reflow: 0.62ms


    reflow: 0.59ms


    reflow: 0.6ms


    reflow: 0.61ms


    reflow: 0.57ms


    reflow: 0.35ms function s3gt.tooltip.create_mini, tooltip.js line 149


    reflow: 0.23ms function s3gt.tooltip.repos, tooltip.js line 165


    reflow: 0.24ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.25ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.2ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.21ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.22ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.23ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.35ms


    reflow: 0.54ms function trigger, jquery-2.0.3.min.js line 4


    reflow: 0.52ms


    reflow: 0.35ms function s3gt.tooltip.create_mini, tooltip.js line 149


    reflow: 0.22ms function s3gt.tooltip.repos, tooltip.js line 165


    reflow: 0.18ms


    reflow: 0.27ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.19ms function fix, jquery-2.0.3.min.js line 4


    reflow: 0.24ms function get, jquery-2.0.3.min.js line 4


    reflow: 0.2ms


    reflow: 0.42ms


    reflow: 0.58ms


    reflow: 0.61ms


    reflow: 0.61ms


    reflow: 0.58ms


    reflow: 0.6ms


    reflow: 0.61ms

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • Jupiter Out of curiosity: Can you reproduce your issue here https://jsfiddle.net/pvu0awne/?

    It happened on both Chrome and Firefox, but when it happened on Chrome, I forgot to press F12. When I did remember, the error did not happen on Chrome again. I will keep testing it.


    The problem seems to be, when I type text, I leave a space and then go back and highlight the word I just typed and bold it. What seems to be happening, is that although I entered a space, the space is being ignored and the cursor goes straight to the end of the word I have just bolded and all subsequent text is then in bold too.


    This is from Firefox, but it gave no errors when I was typing:




    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. _dist-editor.css:3:3017


    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. _dist-editor.css:3:4816


    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. _dist-editor.css:3:4979


    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. _dist-editor.css:3:5145


    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. _dist-editor.css:3:5316


    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. _dist-editor.css:3:5486


    Expected media feature name but found ‘-webkit-min-device-pixel-ratio’. _dist-editor.css:3:19751


    Expected media feature name but found ‘-o-min-device-pixel-ratio’. _dist-editor.css:3:19850


    Unknown property ‘user-select’. Declaration dropped. _dist-editor.css:3:62147


    Unknown property ‘-moz-border-radius’. Declaration dropped. _dist-editor.css:3:62371


    Unknown pseudo-class or pseudo-element ‘selection’. Ruleset ignored due to bad selector. _dist-editor.css:3:63599


    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. _dist-editor.css:3:66525


    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. _dist-editor.css:3:66573


    Unknown pseudo-class or pseudo-element ‘-webkit-input-placeholder’. Ruleset ignored due to bad selector. _dist-editor.css:3:67409


    Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’. Ruleset ignored due to bad selector. _dist-editor.css:3:67515


    Use of getAttributeNode() is deprecated. Use getAttribute() instead. _dist-editor.js:2:27387


    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. 1xGMJQ:6:158


    Error in parsing value for ‘-webkit-text-size-adjust’. Declaration dropped. 1xGMJQ:6:360


    Unknown property ‘text-size-adjust’. Declaration dropped.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

    Edited once, last by Jupiter ().

    • Official Post

    The problem seems to be, when I type text, I leave a space and then go back and highlight the word I just typed and bold it. What seems to be happening, is that although I entered a space, the space is being ignored and the cursor goes straight to the end of the word I have just bolded and all subsequent text is then in bold too.

    Sorry to ask again, but: Have you experienced the same exact "unwanted" behavior in the link I provided in my last post?


    Also you can ignore all these error messages that have been printed to the console above, they're meaningless and have to do with browser-specific CSS. It has no impact at all and is basically just a (mostly useless) reminder.

  • Sorry to ask again, but: Have you experienced the same exact "unwanted" behavior in the link I provided in my last post?


    Also you can ignore all these error messages that have been printed to the console above, they're meaningless and have to do with browser-specific CSS. It has no impact at all and is basically just a (mostly useless) reminder.

    Yes. My previous message to you was after I used that other link. Is there any information from that site, that you need?


    As I said, the problem seems to be that Redactor is ignoring the space, so that when I go back and highlight text and bold it, or underline it etc, the text I subsequently type is being "caught" up in the same bolded text. It shouldn't.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • Just to clarify further, the space isn't just being ignored, Redacter is deleting it.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

    • Official Post

    The link I've provided above is just a nice little site that one can use to set up test cases where all the code runs in an isolated environment. The editor you've seen there use only basic HTML, CSS and JavaScript, it does not use any sort of external component. In other words, everything you see and experience there is entirely controlled by your browser.


    The text input area that you've used is basically what is known as contenteditable, a special mode that enables content editing on websites. Essentially this is the very core that all WYSIWYG editors are based on and in particular things like text selection and basic formatting, including but not limited to bold, are entirely off-loaded to the browser. There is no editor involved in setting the caret at a particular position inside the HTML tree when clicking, it is your browser doing the whole work.


    That said, when you place the caret immediately after a potion of text that is marked as bold, the caret will actually be inside the bold section. The caret does not change it's appearance when placed inside bold text, but if it could, it would turn fat when placed behind a bold word or character. This is the default behavior of all browsers and all word processors (Word, OpenOffice, or whatever comes to your mind).


    There are two ways to avoid the bold formatting (and similar, such as italic) from becoming what you call "sticky":

    1. Do not set the caret adjacent to bold text. You can place it in front of it, but not at the very end, because the caret will always be inside whatever formatting is to its left (!).
    2. When placing the caret immediately after bold text, simply hit the button for "Bold" again. The caret will visually stay in the same place, but the editor has then moved it outside of the bold section. Again, this is normal behavior that can be observed anywhere.


    The bottom line is: This has little to nothing to do with the editor, and is actually the common behavior for all rich text editors.


    In other words: Whatever behavior you can reproduce in the link I've provided and that isn't what you would personally expect: This is standard browser behavior that cannot be altered in any sane way and is something one has to accept and work around it. This may sound somewhat harsh, but is the sad truth that both we and pretty much all other (WYIWYG-editor) vendors are fighting against for what feels like an eternity.


    Edit: If there is anything else I may have missed here, please let me know.

  • When placing the caret immediately after bold text, simply hit the button for "Bold" again. The caret will visually stay in the same place, but the editor has then moved it outside of the bold section. Again, this is normal behavior that can be observed anywhere.

    Except, that is not what is happening either. I highlight the text. Click the bold button to bold text. Click the bold button again to switch the function of, but it doesn't switch off, it "sticks" and all subsequent text remains in bold.


    Without confusing things too much, I suspect this maybe a similar issue to quotes being restored after quotes have already been posted or deleted. They are getting "stuck" somewhere.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • Do not set the caret adjacent to bold text. You can place it in front of it, but not at the very end, because the caret will always be inside whatever formatting is to its left (!).

    That does seem to work, but that is not how anyone formats documents or uses editors.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • I'll take this matter straight to Redactor myself. It's not working and its really irritating.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • No problem. I'll do it later, probably tonight.

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

  • This is still happening, but intermittently. I went back and tried the screen recording on Wednesday night and on Thursday, but it was okay then, but Throwholics has already done a screen recording and that illustrates it perfectly. But I will do one, when I catch it in the act.


    A related problem or possibly new problem:


    Something I am noticing is that sometimes the site is very slow to refresh the page. The sticking point is access to: fonts.googleapis.com.


    If I cancel the page load and re-request, it reloads instantly. This is on the laptop where I don't have the script blocker loaded.


    Firefox is taking about 3-4 seconds to load a page on my site and it always requests that Google fonts page. Chrome page loading is faster, but still requests that Google fonts page. Is this normal and could it be related to the "sticking" issue I am having with formatting text? Why is the Google fonts page being requested every time I click a page on my forum? I don't see this with other forums.


    Many thanks!

    Jupiter

    I am a Newbie Admin. Please be gentle, I don't understand technical things.
    (Please can we have a full manual for this software)

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!