react-floating-whatsapp icon indicating copy to clipboard operation
react-floating-whatsapp copied to clipboard

allowClickAway prop didnt work properly

Open sanjulaonline opened this issue 1 year ago • 1 comments

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" />

sanjulaonline avatar Jul 20 '24 10:07 sanjulaonline

Your code piece is working perfectly for me. Try removing entire className and then try to debug.

ShreyMarwaha avatar Sep 26 '24 15:09 ShreyMarwaha

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! 💡✨

AdarshHatkar avatar Aug 28 '25 17:08 AdarshHatkar