search

wplemon / gridd

Flexible grid-based WordPress theme
Other
39 stars 7 forks source link

Not able to add widget to new widget area in header #89

Closed paaljoachim closed 5 years ago

paaljoachim commented 5 years ago

I added another widget area in the header:

Screen Shot 2019-08-21 at 10 16 14

Went to add a widget. I also tried the new experimental Gutenberg widgets. In the regular widget screen I am not able to add any widget. Screen Shot 2019-08-21 at 10 17 46

(I have not tried to deactivate any of the plugins, and have a few active along with the Gutenberg plugin.)

I opened the Inspect console and noticed a bunch of errors listed. Each time I clicked to add a widget another error showed up.

Screen Shot 2019-08-21 at 10 21 05

Uncaught TypeError: b(...).slice is not a function at Function. (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2) at Function. (VM2030 customize-base.min.js:1) at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2) at Function.each (VM2030 customize-base.min.js:1) at f.addWidget (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2) at N.d.submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2) at N.d._submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2) at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3) at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3) (anonymous) @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 (anonymous) @ VM2030 customize-base.min.js:1 each @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2 each @ VM2030 customize-base.min.js:1 addWidget @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 submit @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 _submit @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 dispatch @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3 r.handle @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3

carolinan commented 5 years ago

I was trying to see if I could reproduce this.

Attempt 1: Without Gutenberg installed. After adding the widget areas to the header, I select a widget area and click the cogwheel, the option panel expands, but when I click on the button that says: "Click here to edit your widgets", nothing happens. edit-widget-1

I tried a couple of more times, and apparently, publishing was not enough, I also had to refresh the page first. -Once I could access the panel, there were no errors when adding, editing, removing or saving widgets.

Attempt 2: With Gutenberg Version 6.3.0 installed. I can add and remove widgets -until I try to save my changes:, where I receive the error message: Unable to save due to 1 invalid setting.

There are no console errors. Note that I can not save changes to any of the widget areas, including the default footer widget areas.

Attempt 3: I reset my WordPress install, and reactivated Gridd. I was able to reproduce the problem from attempt one: even after publishing the changes, I have to refresh the page to be able to edit the widgets.

Attempt 4: I reset my WordPress install, and reactivated Gridd and Gutenberg Version 6.3.0. This time, I ran into a different problem. After adding a widget area to the header grid, I pressed "Publish" and received the message: Unable to save due to 12 invalid settings. -There are no console errors.

aristath commented 5 years ago

Meh I found what the issue is here... The header grid uses a prtial-refresh and postMessage. As a result the preview doesn't get a full refresh and the parent frame (the customizer) can't detect the new sidebar - and therefore it doesn't activate the section. Fixed by removing the partial refresh. @paaljoachim @carolinan thank you both for all the details you provided! ❤️

paaljoachim commented 5 years ago

Nb! I have version 1.1.17 installed.

Gutenberg plugin installed along with a lot of other plugins. Such as Instagram. LayerSlider and others.

There are problems with adding another widget in the footer.

Screen Shot 2019-08-29 at 17 48 38

Console errors:

Failed to load resource: the server responded with a status of 404 ()
text-widgets.min.js?ver=5.2.2:1 Uncaught TypeError: wp.editor.initialize is not a function
    at c (text-widgets.min.js?ver=5.2.2:1)
    at N.d.initializeEditor (text-widgets.min.js?ver=5.2.2:1)
    at i (text-widgets.min.js?ver=5.2.2:1)
5load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 Uncaught TypeError: b(...).slice is not a function
    at Function.<anonymous> (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at Function.<anonymous> (customize-base.min.js?ver=5.2.2:1)
    at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2)
    at Function.each (customize-base.min.js?ver=5.2.2:1)
    at f.addWidget (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d.submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d._submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
VM12020:1 LayerSlider initialized | core: 6.9.0-stable | WP Plugin: 6.9.1
VM12020:1 Find updates and docs @ https://layerslider.kreaturamedia.com/
skin.css:1 Failed to load resource: the server responded with a status of 404 ()
load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 Uncaught TypeError: b(...).slice is not a function
    at Function.<anonymous> (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at Function.<anonymous> (customize-base.min.js?ver=5.2.2:1)
    at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2)
    at Function.each (customize-base.min.js?ver=5.2.2:1)
    at f.addWidget (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d.submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d._submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
skin.css:1 Failed to load resource: the server responded with a status of 404 ()
sb-instagram.min.js?ver=1.12.2:1 Uncaught TypeError: Cannot read property 'minRes' of undefined
    at HTMLDivElement.<anonymous> (sb-instagram.min.js?ver=1.12.2:1)
    at Function.each (jquery.js?ver=1.12.4-wp:2)
    at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
    at sb-instagram.min.js?ver=1.12.2:1
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
each @ jquery.js?ver=1.12.4-wp:2
each @ jquery.js?ver=1.12.4-wp:2
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
2sb-instagram.min.js?ver=1.12.2:1 Uncaught TypeError: Cannot read property 'minRes' of undefined
    at HTMLDivElement.<anonymous> (sb-instagram.min.js?ver=1.12.2:1)
    at Function.each (jquery.js?ver=1.12.4-wp:2)
    at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
    at sb-instagram.min.js?ver=1.12.2:1
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
each @ jquery.js?ver=1.12.4-wp:2
each @ jquery.js?ver=1.12.4-wp:2
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
setTimeout (async)
j @ sb-instagram.min.js?ver=1.12.2:1
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3
load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2 Uncaught TypeError: b(...).slice is not a function
    at Function.<anonymous> (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at Function.<anonymous> (customize-base.min.js?ver=5.2.2:1)
    at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2)
    at Function.each (customize-base.min.js?ver=5.2.2:1)
    at f.addWidget (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d.submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at N.d._submit (load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3)
(anonymous) @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2
(anonymous) @ customize-base.min.js?ver=5.2.2:1
each @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:2
each @ customize-base.min.js?ver=5.2.2:1
addWidget @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2
submit @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2
_submit @ load-scripts.php?c=1&load[]=heartbeat,customize-widgets,hoverIntent,accordion,customize-nav-menus,imgareaselect,customize-models,customize-views,mce-view,im&load[]=age-edit&ver=5.2.2:2
dispatch @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3
r.handle @ load-scripts.php?c=1&load[]=jquery-core,jquery-migrate&ver=5.2.2:3
sb-instagram.min.js?ver=1.12.2:1 Uncaught TypeError: Cannot read property 'minRes' of undefined
    at HTMLDivElement.<anonymous> (sb-instagram.min.js?ver=1.12.2:1)
    at Function.each (jquery.js?ver=1.12.4-wp:2)
    at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
    at sb-instagram.min.js?ver=1.12.2:1
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
each @ jquery.js?ver=1.12.4-wp:2
each @ jquery.js?ver=1.12.4-wp:2
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
setTimeout (async)
j @ sb-instagram.min.js?ver=1.12.2:1
(anonymous) @ sb-instagram.min.js?ver=1.12.2:1
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3
paaljoachim commented 5 years ago

I turned off all plugins and cleared the cache and I am still not able to add widgets to the footer. Here is the error I see:

Uncaught TypeError: Cannot read property 'slice' of null
    at Function.<anonymous> (customize-widgets.min.js?ver=5.2.2:1)
    at Function.<anonymous> (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,underscore,customize-base,wp-a11y,wp-util,jquery-ui-core,customize-controls,jquery-ui-widget,jquery-u&load[]=i-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,backbone,wp-backbone,wp-ajax-response,jquery-color,wp-lists,p&load[]=ostbox,nav-menu,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker,jquery-ui-button,jquery-ui-datepicker,shortcode,utils,m&load[]=edia-models,moxiejs,plupload,wp-plupload&ver=5.2.2:10)
    at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,underscore,customize-base,wp-a11y,wp-util,jquery-ui-core,customize-controls,jquery-ui-widget,jquery-u&load[]=i-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,backbone,wp-backbone,wp-ajax-response,jquery-color,wp-lists,p&load[]=ostbox,nav-menu,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker,jquery-ui-button,jquery-ui-datepicker,shortcode,utils,m&load[]=edia-models,moxiejs,plupload,wp-plupload&ver=5.2.2:2)
    at Function.each (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,underscore,customize-base,wp-a11y,wp-util,jquery-ui-core,customize-controls,jquery-ui-widget,jquery-u&load[]=i-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,backbone,wp-backbone,wp-ajax-response,jquery-color,wp-lists,p&load[]=ostbox,nav-menu,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker,jquery-ui-button,jquery-ui-datepicker,shortcode,utils,m&load[]=edia-models,moxiejs,plupload,wp-plupload&ver=5.2.2:10)
    at f.addWidget (customize-widgets.min.js?ver=5.2.2:1)
    at N.d.submit (customize-widgets.min.js?ver=5.2.2:1)
    at N.d._submit (customize-widgets.min.js?ver=5.2.2:1)
    at HTMLDivElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,underscore,customize-base,wp-a11y,wp-util,jquery-ui-core,customize-controls,jquery-ui-widget,jquery-u&load[]=i-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,backbone,wp-backbone,wp-ajax-response,jquery-color,wp-lists,p&load[]=ostbox,nav-menu,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker,jquery-ui-button,jquery-ui-datepicker,shortcode,utils,m&load[]=edia-models,moxiejs,plupload,wp-plupload&ver=5.2.2:3)
    at HTMLDivElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,underscore,customize-base,wp-a11y,wp-util,jquery-ui-core,customize-controls,jquery-ui-widget,jquery-u&load[]=i-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,backbone,wp-backbone,wp-ajax-response,jquery-color,wp-lists,p&load[]=ostbox,nav-menu,jquery-ui-slider,jquery-touch-punch,iris,wp-color-picker,jquery-ui-button,jquery-ui-datepicker,shortcode,utils,m&load[]=edia-models,moxiejs,plupload,wp-plupload&ver=5.2.2:3)
Screen Shot 2019-08-30 at 12 50 40