Problem/Motivation

If I try to set a responsive breakpoint on a block made from a view on my front page I am having an issue where if I set ANY breakpoints for the block, the block never displays on any size display - I only get a message that says "loading". I must be misunderstanding this.

Steps to reproduce

Create a block (happens to be from a view but I am not sure if that is necessary to make it fail.
Place block on a layout-builder page
Set any of the breakpoints to not display and the block apparently will not display on ANY width device, but just says "loading".

I must be doing something wrong -- please help.

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Comments

Steve Hanson created an issue. See original summary.

junaidpv’s picture

Status: Active » Postponed (maintainer needs more info)

Please post the link to that webpage if that is available for public.

Or probably you will be having JS error in the browser console. Please post that error message here.

steve hanson’s picture

Sorry I did not get back to this for a while. There is an example page at https://www.wis.community/dunn-county-infohub
- there is a block at the bottom of the page that should only be visible to larger screens.

There is a slug of console errors along the lines of

js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21 Uncaught TypeError: $(...).once is not a function
at Object.attach (js_W7rbNMr8sQ-UQVJlm…fQi_AVLk9J1:17:1339)
at js_ix73XmeryiMX94PUb…YfQi_AVLk9J1:21:427
at Array.forEach ()
at Drupal.attachBehaviors (js_ix73XmeryiMX94PUb…YfQi_AVLk9J1:21:353)
at HTMLAnchorElement. (js_ix73XmeryiMX94PUb…i_AVLk9J1:289:15049)
at Function.each (js_ix73XmeryiMX94PUb…YfQi_AVLk9J1:3:3129)
at ce.fn.init.each (js_ix73XmeryiMX94PUb…YfQi_AVLk9J1:3:1594)
at Drupal.AjaxCommands.insert (js_ix73XmeryiMX94PUb…i_AVLk9J1:289:14979)
at js_ix73XmeryiMX94PUb…i_AVLk9J1:289:11213
attach @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:17
(anonymous) @ js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21
Drupal.attachBehaviors @ js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21
(anonymous) @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
each @ js_ix73XmeryiMX94PUb…0zRAGYfQi_AVLk9J1:3
each @ js_ix73XmeryiMX94PUb…0zRAGYfQi_AVLk9J1:3
insert @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
(anonymous) @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
setTimeout (async)
Drupal.throwError @ js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21
(anonymous) @ js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21
Drupal.attachBehaviors @ js_ix73XmeryiMX94PUb…zRAGYfQi_AVLk9J1:21
(anonymous) @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
each @ js_ix73XmeryiMX94PUb…0zRAGYfQi_AVLk9J1:3
each @ js_ix73XmeryiMX94PUb…0zRAGYfQi_AVLk9J1:3
insert @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
(anonymous) @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
Promise.then (async)
(anonymous) @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
Drupal.Ajax.commandExecutionQueue @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
Drupal.Ajax.success @ js_ix73XmeryiMX94PUb…RAGYfQi_AVLk9J1:289
t.success @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:18
processReplacement @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:76
checkMutationAndProcess @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:76
(anonymous) @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:76
processMutations @ js_W7rbNMr8sQ-UQVJlm…zRAGYfQi_AVLk9J1:76

  • junaidpv committed db7431c6 on 2.x
    Issue #3432850: Cannot seem to make this work right. Follow up Remove...

  • junaidpv committed 64cc2e70 on 2.x
    Issue #3432850 by Steve Hanson: Cannot seem to make this work right....
junaidpv’s picture

Status: Postponed (maintainer needs more info) » Fixed

Thanks for getting back. It really helped. I appreciate the help.

I have applied a fix and a made a new release.

Please use the latest version 2.1.5 of this module. Hope it helps.

steve hanson’s picture

At least on my own site this has completely broken my ability to do page layout work at all - it seems to have broken all of the management liks on the layout page. This is using the gin theme on management pages. This only happens MOST of the time for some reason. And I think only on the pages where I have put in a limitation on the responsive display. I'm still trying to exercise this and pin it down It LOOKS like it is now refusing to find some CSS files.

hmm

Lots of bad behavior with the new release including some PHP errors I do not quite understand

LogicException: The database connection is not serializable. This probably means you are serializing an object that has an indirect reference to the database connection. Adjust your code so that is not necessary. Alternatively, look at DependencySerializationTrait as a temporary solution. in Drupal\Core\Database\Connection->__sleep() (line 1920 of /home/wis/domains/prod.wis.community/public_html/docroot/core/lib/Drupal/Core/Database/Connection.php).

and
TypeError: array_values(): Argument #1 ($array) must be of type array, null given in array_values() (line 229 of /home/wis/domains/prod.wis.community/public_html/docroot/modules/contrib/responsive_layout_builder/src/Form/LayoutBlockSettingsForm.php).

junaidpv’s picture

Probably thy are compound errors specific to your site. I am unable to reproduce it here.

Could you please let me know the steps that can reproduce those errors. Also, please try it on a fresh site.

steve hanson’s picture

Well, there IS a certain amount of database cruft on this site left over from the recent migration from Drupal 7, so I will try to dig down on this a little more and try it out on a cleaner site. Thanks. It may take a few days for me to get back on this.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.