[Bug] Overlapping images in Intercom widget
charles-clerk-dev opened this issue · 7 comments
Describe the bug
The intercom chat widget loads slightly off-center from the placeholder. This cause the chat widget to be slightly visible behind the placeholder.
How To Reproduce
- Go to https://www.clerk.dev
- Watch the purple chat widget visibly load behind the placeholder.
Screenshots
Relevant Log Output
No response
Code of Conduct
- I agree to follow this project’s Code of Conduct
Hey @charles-clerk-dev, thanks for logging. Could you please confirm which version you are using?
@charles-clerk-dev — it looks like this issue is due to Intercom’s default chat widget styling having changed since the most recent release of this package. I’ll raise a PR to bring the placeholder in line with Intercom, then get a new version rolled out.
Sorry I missed your first message (we are on version 2.8.0). Thank you so much for the quick response!
@charles-clerk-dev - happy to announce this fix has been merged and released in 2.8.1; thanks again for reporting!
As a side note, I just wanted to check that you’re across the color prop on the Intercom component — this allows you to match the colour of the placeholder icon with the real icon served up by Intercom. e.g. <Intercom color="#6c47ff" />
Closing this one off, but do let us know if you face any future issues, cheers!
Hi @robmorieson i'm still experiencing this issue, i'm running v2.8.1
@kinotto — thanks for logging. I'm not able to replicate this issue on our example website so wondering if it could be due to custom Intercom icon styling? Placeholder icons only match default Intercom styling (although they can be customised via a color prop and styled via a live-chat-loader-placeholder class name).
If you'd like to lodge this as a new issue we might be able to look into it further.
Hi @robmorieson, thank you, there is no custom styling though, i'll open a new bug now