Is there any limitation for creating custom traits

[RakulAgn]

I Have Created Two Custom Traits

editor.TraitManager.addType(placeHolderTrait, {
    createLabel: ({ label }) => `<div class="w-100 text-dark">${label}</div>`,
    templateInput: () => '',
    createInput({ component }) {
      const el = document.createElement('div');

      const getPlaceholderValue = component
        .getEl()
        ?.getAttribute('placeholder') as string;

      el.innerHTML = InputTraitEl(getPlaceholderValue);

      return el;
    },
    onUpdate({ component }) {
      const placeHolderInputEl = formManager.getElement(
        this.el,
        '#retainful-placeholder-trait',
      ) as HTMLInputElement;

      function updatePlaceHolder(ev: Event) {
        const placeHolder = ev.target as HTMLInputElement;
        const getElId = component.getEl()?.id as keyof typeof placeholderMap;

        const defaultPlaceholder = placeholderMap[getElId] || 'Enter Value';
        formManager.setAttributesForEl(
          component,
          'placeholder',
          placeHolder.value || defaultPlaceholder,
        );
      }

      placeHolderInputEl.addEventListener('input', (ev: Event) =>
        updatePlaceHolder(ev),
      );
    },
  });

  editor.TraitManager.addType(inputRequiredTrait, {
    createLabel: ({ label }) => `<div class="w-100 text-dark">${label}</div>`,
    templateInput: () => '',
    createInput() {
      const el = document.createElement('div');

      el.innerHTML = `
        <div class=''>
          <span class="fw-bold text-dark">Required</span>
          <input type="checkbox" id="retainful-input-required-trait" />
        </div>
      `;

      return el;
    },
    onUpdate({ component }) {},
  });

and used in DomComponent.addType

  editor.DomComponents.addType(typeInputFirstName, {
    isComponent: el =>
      el.tagName === 'INPUT' && el.getAttribute('type') === 'text',
    model: {
      defaults: {
        tagName: 'input',
        droppable: false,
        highlightable: false,
        traits: [
          {
            type: placeHolderTrait,
            label: 'Placeholder',
          },
          {
            type: inputRequiredTrait,
            label: 'Required',
          },
        ],
      },
    },
    extendFnView: ['updateAttributes'],
    view: {
      updateAttributes() {
        this.el.setAttribute('autocomplete', 'off');
      },
    },
  });

The First Trait is only appears in the trait manager the another one is not appears if i change the order of the array in traits the second one is working. so i thought there might be a limitation for creating a custom traits

is there any limitation or did i made any mistakes in above code ?

[artf]

there shouldn't be any kind of limitations, try to recreate a reproducible demo, please.