Duplicate help text with class help-block on plupload file widgets

Created on 30 September 2019, over 5 years ago
Updated 13 September 2024, 7 months ago

I have an image field with plupload installed and I'm using the file field sources plupload widget module to handle the uploads and the help text titled "More information" is displayed twice for the field. Once within the plupload widget and once as the last div of the field in the form.

Here's the example form field:

<div class="form-item form-item-field-photos-und-0 form-type-managed-file form-group"> <label class="control-label" for="edit-field-photos-und-0-upload">Add a new file <span class="form-required" title="This field is required.">*</span></label>
<div class="image-widget form-managed-file clearfix"><div class="image-widget-data"><input type="hidden" name="field_photos[und][0][_weight]" value="0">
<input type="hidden" name="field_photos[und][0][fid]" value="0">
<input type="hidden" name="field_photos[und][0][display]" value="1">
<div class="filefield-source filefield-source-plupload clearfix"><div class="form-item form-item-field-photos-und-0-filefield-plupload-pud form-type-plupload form-group"> <label class="control-label" for="edit-field-photos-und-0-filefield-plupload-pud">Select up to 20 files to upload</label>
<div class="plupload-element form-wrapper form-group ffs-plupload-init-processed" id="edit-field-photos-und-0-filefield-plupload-pud" style="position: relative;"><div class="plupload_wrapper plupload_scroll"><div id="edit-field-photos-und-0-filefield-plupload-pud_container" class="plupload_container" title="Using runtime: html5"><div class="plupload"><div class="plupload_header"><div class="plupload_header_content"><div class="plupload_header_title">Select files</div><div class="plupload_header_text">Add files to the upload queue and click the start button.</div></div></div><div class="plupload_content"><div class="plupload_filelist_header"><div class="plupload_file_name">Filename</div><div class="plupload_file_action">&nbsp;</div><div class="plupload_file_status"><span>Status</span></div><div class="plupload_file_size">Size</div><div class="plupload_clearer">&nbsp;</div></div><ul id="edit-field-photos-und-0-filefield-plupload-pud_filelist" class="plupload_filelist"><li class="plupload_droptext">Drag files here.</li></ul><div class="plupload_filelist_footer"><div class="plupload_file_name"><div class="plupload_buttons"><a href="#" class="plupload_button plupload_add" id="edit-field-photos-und-0-filefield-plupload-pud_browse" style="position: relative; z-index: 0;">Add files</a><a href="#" class="plupload_button plupload_start plupload_disabled" style="display: none;">Start upload</a></div><span class="plupload_upload_status"></span></div><div class="plupload_file_action"></div><div class="plupload_file_status"><span class="plupload_total_status">0%</span></div><div class="plupload_file_size"><span class="plupload_total_file_size">0 b</span></div><div class="plupload_progress"><div class="plupload_progress_container"><div class="plupload_progress_bar"></div></div></div><div class="plupload_clearer">&nbsp;</div></div></div></div></div><input type="hidden" id="edit-field-photos-und-0-filefield-plupload-pud_count" name="edit-field-photos-und-0-filefield-plupload-pud_count" value="0"></div><div id="p1dlvvv6rjmp8l6c1kijbpc1efb0_html5_container" class="plupload html5" style="position: absolute; background: transparent; width: 74px; height: 17px; overflow: hidden; z-index: -1; opacity: 0; top: 173px; left: 9px;"><input id="p1dlvvv6rjmp8l6c1kijbpc1efb0_html5" style="font-size: 999px; position: absolute; width: 100%; height: 100%;" type="file" accept="image/png,image/gif,image/jpeg" multiple="multiple"></div></div><div class="help-block"><a href="#" data-toggle="popover" data-target="#upload-instructions--4" data-html="1" data-placement="bottom" data-title="File requirements" data-original-title="" title=""><span class="icon glyphicon glyphicon-question-sign" aria-hidden="true"></span>
 More information</a><div id="upload-instructions--4" class="element-invisible help-block"><ul><li>Files must be less than <strong>100 MB</strong>.</li>
<li>Allowed file types: <strong>png gif jpg jpeg</strong>.</li>
</ul></div></div></div><button type="submit" id="edit-field-photos-und-0-filefield-plupload-upload-button" name="field_photos_und_0_transfer" value="Start upload" class="btn btn-primary form-submit icon-before ajax-processed"><span class="icon glyphicon glyphicon-upload" aria-hidden="true"></span>
 Start upload</button>
</div></div></div><div class="help-block"><a href="#" data-toggle="popover" data-target="#upload-instructions--2" data-html="1" data-placement="bottom" data-title="File requirements" data-original-title="" title=""><span class="icon glyphicon glyphicon-question-sign" aria-hidden="true"></span>
 More information</a><div id="upload-instructions--2" class="element-invisible help-block"><ul><li>Files must be less than <strong>100 MB</strong>.</li>
<li>Allowed file types: <strong>png gif jpg jpeg</strong>.</li>
</ul></div></div></div>
🐛 Bug report
Status

Closed: won't fix

Version

3.0

Component

Code

Created by

🇬🇧United Kingdom vaccinemedia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024