ogdsgn

Hey @stephunique,

For me the issue was I had set some restrictions using the adminimize plugin which disables editing of specific menu items for certain roles, rather than the actual role overriding another.

nv. I just realized the issue I was having was a conflict in capabilities using another plugin adminimize.

So I was able to put together a fix by looping through each form.

    // Fires when an Ajax form submission has completed successfully, and mail has been sent.

    document.querySelectorAll('form.wpcf7-form').forEach(function(form) {

        form.addEventListener('wpcf7mailsent', function(event) {

            // Get input type file element

            var inputFile = form.querySelectorAll('.wpcf7-drag-n-drop-file');

            var status = form.querySelectorAll('.dnd-upload-status');

            var counter = form.querySelector('.dnd-upload-counter span');

            var error = form.querySelectorAll('span.has-error-msg');

            // Reset upload list for multiple fields

            if (inputFile.length > 0) {

                inputFile.forEach(function(input) {

                    localStorage.setItem(input.getAttribute('data-name') + '_count_files', 1); // Reset file counts

                });

            } else {

                // Reset file counts

                localStorage.setItem(inputFile[0].getAttribute('data-name') + '_count_files', 1);

            }

            // Remove status / progress bar

            if (status) {

                status.forEach(function(statEl) {

                    statEl.remove();

                });

            }

            if (counter) {

                counter.textContent = '0';

            }

            if (error) {

                error.forEach(function(errEl) {

                    errEl.remove();

                });

            }

        }, false);

    });

Ahh, I think I figured it out. The issue is from having multiple forms in the DOM. I have them built into overlays that open into full-screen windows.

I’m so sorry, I broke my first rule of debugging. Rule#1. Never assume the problem is with the plugin.

Yes, of course, I’ll review my code and see if I can find something that’s interfering with that code. I take it it’s a part of the .js ?

For anyone interested… I’ve pinpointed the issue down to here.

This is the render function for the Attachment details in the media-view.js

For some reason the compat.item is not available at this point when I upload a new file through this media uploader.

	render: function() {
		console.log('Rendering AttachmentCompat view'); // Debug statement
		
		var compat = this.model.get('compat');
		if (!compat || !compat.item) {
			console.log('No compat or compat.item found'); // Debug statement
			return;
		}
	
		this.views.detach();
		this.$el.html(compat.item);
		this.views.render();
		console.log(compat.item); // Debug statement
		return this;
	},

Hey Michael,

Doh, I just realized I’m not actually placing CMB2 fields in that media modal. I just happened to place the code for it in my CMB2 meta boxes file, but after taking a closer look I’m actually using the native $form_fields and the add_filter(‘attachment_fields_to_edit’). Sorry for thinking it might be CMB2.

Thanks for your time.
– Stephen