Non-unique ID causing errors on Chromium browsers

The dropdown list of filters is not populating on Chrome (or other Chromium browsers) – macOS 15.4.1

I believe this error is due to non-unique IDs being applied to the select elements for each image. Chrome provides this warning in the console:

“Multiple form field elements in the same form have the same id attribute value. This might prevent the browser from correctly autofilling the form.To fix this issue, use unique id attribute values for each form field.”

A list of violating nodes is provided. Here’s an example of one:

<textarea name="image-desc[]" id="image-desc[]" style="width: 98%;" placeholder="Type description here.."></textarea>

All of the textarea elements that for the same field of data under each image share the same id attribute.

Here’s an example of a select element:

<select class="pfg-filters form-control" name="filters[1497][]" multiple="multiple" id="filters">
    <strong><option value="1" selected="selected">Interior Plantscaping</option></strong> 
    <strong><option value="2">Living Walls</option></strong>
    ....
</select>

Notice that id="filters" is not specific to this image. All of the images have the same id on their respective select elements.

In Firefox the drop downs to select filters work properly.

• This topic was modified 1 year, 1 month ago by sethmwebspec.
• This topic was modified 1 year, 1 month ago by sethmwebspec.
• This topic was modified 1 year, 1 month ago by sethmwebspec.