yairEO/tagify白名单选项目问题：添加首个标签后下拉建议消失且无法点击添加

问题1：添加第一个标签后下拉建议不再显示 #

原因 #

添加标签后Tagify的输入状态未正确重置，或未触发下拉组件的重新渲染逻辑。

修复步骤 #

1. 初始化Tagify时确保启用下拉功能，配置dropdown.enabled为非0值（1表示输入时立即显示下拉）：

const tagify = new Tagify(inputEl, {
  whitelist: ['Apple', 'Banana', 'Cherry'],
  dropdown: {
    enabled: 1,
    closeOnSelect: false // 可选，保持下拉在选择后不关闭
  }
});

2. 在标签添加完成的add事件中，重置输入框焦点并重新触发下拉显示：

tagify.on('add', () => {
  tagify.input.focus();
  tagify.dropdown.show(tagify.input.value);
});

问题2：点击下拉建议项无法自动添加标签 #

原因 #

下拉项的点击事件未关联到Tagify的标签添加逻辑，或是配置中禁用了用户输入功能。

修复步骤 #

1. 检查初始化配置，确保未设置userInput: false（该配置会禁用手动输入及下拉项点击添加功能，默认值为true）。
2. 若使用自定义下拉模板，需为下拉项绑定点击事件，调用Tagify的addTags方法：

tagify.DOM.dropdown.addEventListener('click', e => {
  const targetItem = e.target.closest('.tagify__dropdown-item');
  if (targetItem) {
    tagify.addTags(targetItem.textContent);
    tagify.dropdown.hide(); // 可选，添加后隐藏下拉
  }
});

注意：使用Tagify内置下拉模板时无需额外绑定事件，默认已处理点击添加逻辑。

内容的提问来源于stack exchange，提问作者m.dellanave