| | |
| | | } |
| | | } |
| | | |
| | | window.prefixInput = function(input, prefix, replace = false) { |
| | | let newId = replace ? prefix : `${prefix}${input.name}`; |
| | | if (input.labels.length > 0) { |
| | | input.labels?.forEach(label => { |
| | | label.htmlFor = newId; |
| | | }); |
| | | window.prefixInput = function(input, prefix, wrapper = null, replace = false) { |
| | | if (!input) { |
| | | console.warn('prefixInput called with null/undefined input'); |
| | | return; |
| | | } |
| | | const oldId = input.id; |
| | | const newId = replace ? prefix : `${prefix}${input.name}`; |
| | | |
| | | // Search for label within wrapper if provided, otherwise use existing logic |
| | | let label = null; |
| | | |
| | | if (wrapper) { |
| | | // Most reliable: search within wrapper by old ID |
| | | label = wrapper.querySelector(`label[for="${oldId}"]`); |
| | | } else if (input.labels && input.labels.length > 0) { |
| | | // Fallback to input.labels if no wrapper provided |
| | | label = input.labels[0]; |
| | | } else if (input.previousElementSibling?.tagName === 'LABEL') { |
| | | label = input.previousElementSibling; |
| | | } else if (input.nextElementSibling?.tagName === 'LABEL') { |
| | | label = input.nextElementSibling; |
| | | } else { |
| | | if (input.nextElementSibling?.tagName === 'LABEL') { |
| | | input.nextElementSibling.htmlFor = newId; |
| | | }else if (input.previousElementSibling?.tagName === 'LABEL') { |
| | | input.previousElementSibling.htmlFor = newId; |
| | | } else { |
| | | let label = input.parentElement.querySelector(`label[for="${input.id}"]`); |
| | | if (label) { |
| | | label.htmlFor = newId; |
| | | } |
| | | } |
| | | // Final fallback: search up the tree |
| | | label = input.closest('[data-field]')?.querySelector(`label[for="${oldId}"]`); |
| | | } |
| | | |
| | | if (label) { |
| | | label.htmlFor = newId; |
| | | } |
| | | |
| | | input.id = newId; |
| | | input.name = newId; |
| | | } |
| | | |
| | | /** |