Function acf/fields/wysiwyg/toolbars causes IE and Firefox Issues

• jsites

• October 24, 2014 at 1:08 am

I’m using the acf/fields/wysiwyg/toolbars function to generate two custom WYSIWYG button sets for use in the admin side of a WP site.

Here is my code from the functions file:

add_filter( 'acf/fields/wysiwyg/toolbars' , 'my_toolbars'  );
function my_toolbars( $toolbars )
{
	$toolbars['Very Simple'] = array();
	$toolbars['Very Simple'][1] = array('bold' , 'italic' , 'underline' );
        $toolbars['Table Set'] = array();
        $toolbars['Table Set'][1] = array('bold' , 'italic' , 'underline', 'friendly_button' );
    
	return $toolbars;
}

My two button sets are working perfectly. On fields I select “Very Simple” as my set, I only see Bold, Italic, and Underline. On fields set to “Table Set” I see Bold, Italic, Underline, and a custom button I’ve created to generate a shortcode snippet.

The problem arises when I view the editor in IE or Firefox.

In Firefox, if you position your cursor inside any bit of text, and use the up and down arrow keys to navigate around, when you get to the top or bottom of the element, the cursor jumps to the beginning of the first element. So if I put my cursor at the beginning of the first paragraph, and pushed the down arrow twice, the cursor moves to the top of the first paragraph.

In IE (9, 10, and 11), if I click on any element, I get resize handles. I must click a second time on the selected element to edit its content (see screenshot below)

When I disable all plugins installed (including ACF), and leave the function above, this problem still continues. When I leave all plugins disabled, and comment out the function above, everything goes back to normal.

Has this come up before? Is there a fix for this?

I’m running ACF PRO on the site.

• jsites

• October 29, 2014 at 12:12 am

Has anyone else experienced this problem? I’ve been unable to find a fix for this.