A Bootstrap Theme is used to show a View with collapsible panels.
The node has reference entities as Under-Categories which shoud be shown when click the titel.

When an Editor puts a new reference to the node, the collapsible fade.in doesn't work.
After deleting cache, the fade.in works and the referenced node-titels are shown.

The only difference:
Bevor cleaning cache in configuration, there is used:

href="//cdn.jsdelivr.net/bootstrap/3.3.5/js/bootstrap.min.js
href="//cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css

After cleaning cache ther is used:
href="//cdn.jsdelivr.net/bootstrap/3.3.5/js/bootstrap.js
href="//cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.css

I have disabled view-cache, aggregation js and css, opcache for testing, but the problem is the same.

I tried without customed sub-theme. Same Issue.

Which cache is working?
Is there a workarround?
Should I use an other library then jsdelivr?
(I tried, but there is no collapse mechanism, all links in view are shown per default.)

Should I use bootstrap 4?

Comments

Lissy created an issue. See original summary.

jorgediazhav’s picture

Hey Lissy, any chance to simplify the problem description and gave us the sample steps to reproduce?

Thanks!

Lissy’s picture

hi jorgediazhav,

I try it to simplify, but my english is not so good...

There is a node type with a entity reference field to an'other node from the self type.

And there is a page-view over this node type with the titel of node and the field with the entity reference handeled as under-category.

Without bootstrap theme the result of the view looks like this:

-titel 1
--under-titel 1.1
---under-titel 1.1.1
---under-titel 1.1.2
---under-titel 1.1.3
--under-titel 1.2
--under-titel 1.3
-titel 2

The titels and under-titels are links, which show a list of files after click.

With boostrap theme and jsdelivr there is an accordion-view (Collapsible fade.in/out effect).
I must click on titel 1 to see under-titel 1.1. ,1.2, 1.3
And by next click on under-titel 1.1. I can see under-titel 1.1.1-3
and so on...

But after the user (with permission to change this node-typ) add's new reference to a node, the accordian -mechanism no longer works, since the cache is rebuild.
Only the titels from first level are shown.

I can force, that the under-titels are always shown with click-Event, when I disable cache totaly in settings.php.
Or by deleting cache files via /admin/config/development/performance.
This is a workarround for the customer, but not very nice.

I hope, you can understand a little bit better. ;-)
I would show you the link, but it is an intranet.

Lissy’s picture

Sorry I forgot a very important Detail.
The node-typ has display Teaser and there is a fieldgroup configured as detail.
It themes, that in some cases there is no Id over the link, I must click on to see the under-category.

The link witch works looks like this:
http://www.mydomain.de/test-referenz#bootstrap-panel--2--content
The link witch does not work, looks like this:
http://www.mydomain.de/test-referenz#bootstrap-panel--content

Perhaps the issue is with fieldgroup?

markhalliwell’s picture

Title: Collapsible panel not fade.in in special cases » Render arrays missing cacheability metadata
Project: Bootstrap » Field Group
Version: 8.x-3.x-dev » 8.x-1.x-dev
Component: Miscellaneous » Code
Assigned: Lissy » Unassigned
Issue tags: -Collapsible panel
Related issues: +#2841125: Group field dissapear and cache clear is needed

This sounds like a problem with whatever is building the render array, which in this case, appears to be field_group.

D8 has a thing called render cache now. Once a render array is built, it's cached in the database for quicker page loads.

Thus, whenever an entity is updated, it doesn't invalidate the cache like it should and causing the field groups to be rebuilt.

Lissy’s picture

Thankyou for the info and transfer to Field Group.

campbellt_’s picture

Status: Active » Closed (outdated)

Closing due to outdated. Please reopen if still an issue.