allowClickAway prop didnt work properly
This is my component, so the problem is when I click on the WhatsApp icon after applying to allowClickAway, I can't even type a text message in the input text placeholder, it's automatically closing even when I click inside
<FloatingWhatsApp phoneNumber="123456789" accountName="my allowEsc notification chatMessage="Hello there! 🤝 \nHow can we help?" avatar="" allowClickAway className="animate-fade animate-once animate-duration-[3000ms] animate-delay-1000" />
Your code piece is working perfectly for me. Try removing entire className and then try to debug.
Hey @sanjulaonline @ShreyMarwaha , I noticed the original package seems a bit unmaintained.
I’ve created and been actively maintaining a fork under @dxkit-org/react-floating-whatsapp , which I’m already using across multiple projects. 🚀
Would love for you to check it out, try it in your projects, and share feedback or ideas for improvements. Contributions are always welcome! 💡✨