Comments (7)
Hey @charles-clerk-dev, thanks for logging. Could you please confirm which version you are using?
from react-live-chat-loader.
@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.
from react-live-chat-loader.
Sorry I missed your first message (we are on version 2.8.0). Thank you so much for the quick response!
from react-live-chat-loader.
@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!
from react-live-chat-loader.
Hi @robmorieson i'm still experiencing this issue, i'm running v2.8.1
from react-live-chat-loader.
@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.
from react-live-chat-loader.
Hi @robmorieson, thank you, there is no custom styling though, i'll open a new bug now
from react-live-chat-loader.
Related Issues (20)
- [Bug] Doesn't works with React 18 HOT 3
- [Feature Request] Drift.com Left/Right Align HOT 1
- How to use this for a Webflow website HOT 1
- Load chat button remains when HelpScout is maximised and router changes HOT 1
- [Bug] HelpScout doesn't toggle off HOT 2
- [Bug] Chat widget doesn't load when there's a CSS animation on the page. HOT 4
- [Feature Request] How to handle errors
- [Bug] CORS ISSUE with messenger HOT 1
- [Bug] dist bundle no longer transpiled to es5 HOT 4
- [Feature Request] Custom chat support and better treeshaking HOT 2
- [Feature Request] Intercom icon HOT 3
- [Bug] Overlapping placeholder intercom icon with Intercom widget HOT 3
- [Bug] Intercom seems not to work on NextJS 13 HOT 5
- [Feature Request] Browser never idle when a lottie animation runs HOT 1
- [Feature Request] Implementing FrontChat Provider HOT 3
- [Bug] Uncaught SyntaxError: Unexpected token '.' in Chrome < 80 HOT 4
- [Bug] Release 2.9.0 Empty Build Contents HOT 2
- [Feature Request] Support for Salesforce "Messaging for Web" HOT 1
- Option to hide the intercom widget icon on specific pages HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-live-chat-loader.