Update from 7.x.3.2 to 7.x.3.3 breaked the styles.

the reason is that the rendered html changed:

from
<div class="views-content-nid">47009</div>
to
<div class="views-content-"><a href="#slideshow-0">47009</a>  </div>


Complete block:

From
<div class="views-slideshow-controls-bottom clearfix">
        <div id="widget_pager_bottom_novedades-block_4" class="views-slideshow-pager-fields widget_pager widget_pager_bottom views_slideshow_pager_field views-slideshow-pager-field-processed">
  <div id="views_slideshow_pager_field_item_bottom_novedades-block_4_0" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd views-row-first">
  <div class="views-field-nid">
    <div class="views-content-nid">
    47009  </div>
</div>
</div>
<div id="....


To
<div class="views-slideshow-controls-bottom clearfix">
        <div id="widget_pager_bottom_novedades-block_4" class="views-slideshow-pager-fields widget_pager widget_pager_bottom views_slideshow_pager_field views-slideshow-pager-field-processed">
  <div id="views_slideshow_pager_field_item_bottom_novedades-block_4_0" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd views-row-first">
  <div class="views-field-nid">
    <div class="views-content-">
    <a href="#slideshow-0">47009</a>  </div>
</div>
</div>
<div id="...

Comments

javiereduardo created an issue. See original summary.

NickDickinsonWilde’s picture

investingating, looks like you're using a nid field as the pager field?

NickDickinsonWilde’s picture

Status: Active » Fixed

ah how sweet... a totally minimal error! fixed, thanks for reporting.

NickDickinsonWilde’s picture

  • NickWilde committed 0feb7c5 on 7.x-3.x
    Issue #2841821 by NickWilde: html DOM rendered changed after update 7.x....

Status: Fixed » Closed (fixed)

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

jtutterrow’s picture

This is still an issue when updating to 7.x-3.9.

William Aubert’s picture

Hello NickWilde,
How do you fixe this ?
I have same error after updating from 7.x.3.1 to 7.x.3.9. All styles are boken in my views.

Before update :

<div id="views_slideshow_pager_field_item_bottom_bloc_page_slide-block_0" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd views-row-first active">
  <div class="views-field-field-titre-paragraphe">
    <div class="views-content-field-titre-paragraphe">
    
  <h2 class="field-titre-paragraphe">
    text  </h2>
  </div>
</div>
<div class="views-field-field-paragraphe">
    <div class="views-content-field-paragraphe">
    <p>text2</p>
  </div>
</div>
</div>

After update :

<div id="views_slideshow_pager_field_item_bottom_bloc_page_slide-block_1_0" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd views-row-first" aria-controls="views_slideshow_cycle_div_bloc_page_slide-block_1_0">
  <div class="views-field-field-titre-paragraphe">
    <div class="views-content-field-titre-paragraphe">
    <a href="#slideshow-0">
  <h2 class="field-titre-paragraphe">
    text  </h2>
</a>  </div>
</div>
<div class="views-field-field-paragraphe">
    <div class="views-content-field-paragraphe">
    <a href="#slideshow-0"><p>text2</p>
</a>  </div>
</div>
</div>
slindhurst’s picture

I noticed the same change. According to #2861060: how to remove the #url generated by view slideshow pager (Drupal 7) this is a desired difference to improve accessibility and can only be removed with some kind of theme function. So I guess we both need to update our CSS,