    
    // Create unique identifiers for each focusable element
    const columnId = `filter-column-${filter.id}`;
    const operatorId = `filter-operator-${filter.id}`;
    const valueId = `filter-value-${filter.id}`;
    const removeId = `filter-remove-${filter.id}`;
    
    badge.innerHTML = `
      <div id="${columnId}" class="filter-badge-part filter-badge-column" data-id="${filter.id}">
        ${filter.column}
        <select class="dropdown-select" data-id="${filter.id}" tabindex="0" aria-label="S