Cannot Disable dropdown animation

[cheulong]

this is my code, it still shows Animation.

  <div
      className="relative mx-5 w-[calc(100%-490px)]"
      data-te-dropdown-ref
      data-te-dropdownAnimation="off"
    >
      <button
        className="flex items-center justify-between whitespace-nowrap bg-[#f9f9f9] w-full rounded-[50px] text-[#414142] h-[35px] overflow-hidden px-2.5 pt-1.5 pb-1"
        type="button"
        id="dropdownMenuButton1"
        data-te-dropdown-toggle-ref
        aria-expanded="false"
        data-te-ripple-color="light"
        data-te-dropdownAnimation="off"
        data-te-dropdown-show
      >
        <span className="flex items-center text-[#414142] text-xl">
          <BiMap />
          Select Address
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 20 20"
          fill="currentColor"
          className="h-5 w-5"
        >
          <path
            fill-rule="evenodd"
            d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
            clip-rule="evenodd"
          />
        </svg>
      </button>
      <ul
        className="absolute z-[1000] float-left m-0 hidden min-w-max list-none overflow-hidden rounded-lg border-none bg-white bg-clip-padding text-left text-base shadow-lg dark:bg-neutral-700 [&[data-te-dropdown-show]]:block transform-none"
        aria-labelledby="dropdownMenuButton1"
        data-te-dropdown-menu-ref
        data-te-dropdown-show
        data-te-dropdownAnimation="off"
      >
        <li>
          <a
            className="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-neutral-600"
            href="#"
            data-te-dropdown-item-ref
          >
            Action
          </a>
        </li>
        <li>
          <a
            className="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-neutral-600"
            href="#"
            data-te-dropdown-item-ref
          >
            Another action
          </a>
        </li>
        <li>
          <a
            className="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-sm font-normal text-neutral-700 hover:bg-neutral-100 active:text-neutral-800 active:no-underline disabled:pointer-events-none disabled:bg-transparent disabled:text-neutral-400 dark:text-neutral-200 dark:hover:bg-neutral-600"
            href="#"
            data-te-dropdown-item-ref
          >
            Something else here
          </a>
        </li>
      </ul>
    </div>

[juujisai]

Hi! Change the data-te-dropdownAnimation="off" to data-te-dropdown-animation="off". It should work properly then.