Views accordion does not work [#2668130]

Hello,
views accordion works with Bartik but not with Zurb Foundation. Here is the output using Bartik:

<div class="views-element-container contextual-region">
<div class="contextual-region view view-sidor view-id-sidor view-display-id-page_1 js-view-dom-id-795a5e83431d4f916ef17b3698f4415724344ddaf5d8f3b1bd8178a69703f5bd">
<div data-contextual-id="entity.view.edit_form:view=sidor:location=page&name=sidor&display_id=page_1&langcode=sv"></div>
<div class="view-content ui-accordion ui-widget ui-helper-reset" role="tablist">
<div class="views-row">
<div class="views-row">
<div id="ui-id-1" class="views-field views-field-title views-accordion-header ui-accordion-header ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons" role="tab" aria-controls="ui-id-2" aria-selected="true" aria-expanded="true" tabindex="0">
<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>
<span class="field-content">
<a hreflang="sv" href="#sidor-page_1-0">Molior Oppeto</a>
</span>
</div>
<div class="views-row">
<div id="ui-id-3" class="views-field views-field-title views-accordion-header ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" aria-controls="ui-id-4" aria-selected="false" aria-expanded="false" tabindex="-1">
<div id="ui-id-4" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="display: none; height: 1022.2px;" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true">
</div>
<div class="views-row">
…

Same spot using Zurb Foundation:

<div class="views-element-container contextual-region">
<div class="contextual-region js-view-dom-id-d28312a7a6b97bdc7306dd869d71916ed641fd0887defa0153c9aedf3b6581e6">
<div data-contextual-id="entity.view.edit_form:view=sidor:location=page&name=sidor&display_id=page_1&langcode=sv"></div>
<div class="views-row">
<div class="views-row">
<div class="views-field views-field-title views-accordion-header">
<span class="field-content">
<a hreflang="sv" href="/testa/d8/node/3">Molior Oppeto</a>
</span>
</div>
<div class="views-field views-field-body">
</div>
<div class="views-row">
<div class="views-field views-field-title views-accordion-header">
<div class="views-field views-field-body">
</div>
<div class="views-row">
…

No other module than views_accordion and devel are used. The base theme Zurb Foundation is set as the default theme.
Thanks for this fantastic theme!
Henrik

Comments

Comment #1

13 February 2016 at 08:32

hstrindb created an issue. See original summary.

Comment #2

samuel.mortenson

he/him

English

CreditAttribution: samuel.mortenson at Acquia commented 8 March 2016 at 21:16

Assigned:	Unassigned	» samuel.mortenson
Status:	Active	» Postponed (maintainer needs more info)

Thanks for the report @hstrindb! Have you tried the dev release of views_accordion since #2671778: Accordion not started if current theme not based on classy was committed?

Comment #3

Manuel Garcia CreditAttribution: Manuel Garcia as a volunteer commented 9 March 2016 at 09:16

Hi, maintainer of views_accordion here, it should indeed work now on the dev branch, although I haven't tested, let me know how it goes.

Also, be aware of this other bug, it will need fixing before I make the next release: #2676716: Use the group header as the Accordion header not working properly.

Comment #4

hs@henrikstrindberg.se CreditAttribution: hs@henrikstrindberg.se commented 13 March 2016 at 06:16

Hello!
Yes it works using the views_accordion 8.x-1.0-alpha1+11-dev (2016-mar-07).
I tested zurb_foundation 8.x-5.0-beta2, 8.x-5.x-dev and 8.x-6.x-dev
Thanks!