Skip to main content
Answered

Intercom on mobile removes some styles from our website


Problem description:
 

On our website, after integration with Intercom, our some components lost CSS styles. 

Problem occurs only on mobile devices.
 

Steps to reproduce:

  • Open Intercom chat window
  • Close Intercom chat window
  • Move between pages

Tech Stack:

  • NextJS 
  • MUI

Best answer by Eden

Hey @alexforasoft 👋 Eden from the support engineer team here.

 

In the past, we’ve seen that Material UI can cause issues with the Messenger. Typically these issues have been resolved by disabling focus traps. In the Material UI docs linked, they mention that the default focus trap can cause issues with chatbots, which may be the reason you are seeing this issue. If that doesn’t work for you, we can escalate this as a conversation with the Support team! 👍

View original
Did this topic help you find an answer to your question?

6 replies

Eden
Employee
Forum|alt.badge.img
  • Premier Customer Support Engineer
  • 121 replies
  • Answer
  • August 24, 2023

Hey @alexforasoft 👋 Eden from the support engineer team here.

 

In the past, we’ve seen that Material UI can cause issues with the Messenger. Typically these issues have been resolved by disabling focus traps. In the Material UI docs linked, they mention that the default focus trap can cause issues with chatbots, which may be the reason you are seeing this issue. If that doesn’t work for you, we can escalate this as a conversation with the Support team! 👍


  • Author
  • New Participant
  • 1 reply
  • September 5, 2023

Hello, @Eden! It wasn't help me. Maybe has another reason ?


Eden
Employee
Forum|alt.badge.img
  • Premier Customer Support Engineer
  • 121 replies
  • September 6, 2023

@alexforasoft Thank you for giving that a try! This may take additional investigation, so I have escalated this to the Support team as a conversation. They will get back to you in the conversation as soon as possible. 👍


  • New Participant
  • 2 replies
  • December 1, 2023

I am facing a similar issue.

Upon closing the Intercom messenger while using https://novu.co/, it disrupts the styling of Novu.


  • New Participant
  • 2 replies
  • December 1, 2023

Additionally, Novu utilizes the Mantine library, so my problem may be connected to this issue.


Forum|alt.badge.img+4
  • Intercom Team
  • 109 replies
  • January 26, 2024

Hi @Tanuj Soni -- Cam from the Intercom Support Engineering team here!

As an update on this issue - following further discussion it was found that the cause of the original posters issue was not actually related to Material UI and Messenger directly, but rather with some element styling seperate to Messenger/Intercom on this occasion. 

I can see that you’ve had a chat with one of my teammates in Messenger to discuss your particular issue more directly which is great 👍


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings