Current status: Solved. . Done
Flexible Layout Field Reordering Breaks when Visual Editor Disabled
  • If you ...
    1) Have a Flexible Content Field (with one or more layouts) defined and assigned to posts
    2) Have the visual editor disabled in your user profile
    3) Create a post and create 2 or more 'instances'/rows of the flexible layout(s)
    4) Try to reorder the rows of layout instances ...

    The field breaks and duplicates itself 100+ times. A page reload is necessary to remedy the break and as a result reordering the rows is impossible.

    Note that I can reliably replicate this with a WYSIWYG field as the only field within the Flexible Content custom field I've defined. It may be limited to WYSIWYG fields.

    I realize this is a bit of an edge case, but I assume most developers (like myself) have the visual editor switched off on their profile anyway.

    SIDE NOTE: I noticed that WYSIWYG fields don't have the TinyMCE buttons with the visual editor disabled, which behaves as you would expect. However, I could see others being confused (as I was confused before I thought it through) because I expected that field to have buttons.

    Screenshot is included
    acf.jpg
    650 x 1144 - 31K
  • Hi @astockwell

    I'll take a look and see if I can replicate this issue.

    Yes, if you disable the editor, No WYSIWYG buttons can be rendered. That is logical
  • I have the same issue but I don't have the visual editor disabled?
  • Hi @freaksauce

    Can you check your console log for any js errors?

    Is this specific to sub fields or a flexible content field only? Or all wysiwyg fields?
  • I get this error in my console:

    Uncaught TypeError: Cannot call method 'getContent' of undefined
  • Sorry should have mentioned I'm running Chrome Version 23.0.1271.64 on OS X 10.8.2
  • Hi sorry I probably should have reported my console errors too: `Uncaught ReferenceError: tinymce is not defined input-actions.js:873`

    Screenshot is also attached. I am also running Chrome v 23.0.1271.64 on OS X 10.7.5

    I can reproduce the issue (with the same console error) on Safari 6.0.1 and FF 15.0.1

    The error duplicates itself multiple times/second as long as you are holding down the mouse and dragging on the "reorder" button.
    Screen Shot 2012-11-16 at 9.04.27 AM.png
    1275 x 286 - 57K
  • However, I can NOT reproduce this issue when the visual editor in my profile is not disabled as @freaksauce described. The fields are reorder-able normally and everything works fine. Possibly two separate issues? Especially given different console errors?
  • Hi @astockwell

    Thanks for the bug report. It should like I just need to validate the existence of tinymce for the wysiwyg JS

    I'll fix this for the next verison

    Cheers
    Elliot