Select Multiple with search and label / select multiple after selecting first option - label is jumping because input is loosing focus

mdbootstrap / TW-Elements-React

TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎

https://tw-elements.com/docs/react/

MIT License

139 stars 28 forks source link

Select Multiple with search and label / select multiple after selecting first option - label is jumping because input is loosing focus #156

Open juujisai opened 9 months ago

juujisai commented 9 months ago

Label customization is helpful - as a workaround

theme={{
            selectLabel:
              "pointer-events-none absolute left-3 top-0 mb-0 max-w-[90%] origin-[0_0] truncate text-neutral-500 transition-all duration-200 ease-out peer-focus:scale-[0.8] peer-focus:text-primary motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-primary peer-aria-[expanded='true']:scale-[0.8] peer-aria-[expanded='true']:-translate-y-[0.9rem]",
          }}