Delete #6773

Closed
opened 2026-02-21 18:17:14 -05:00 by yindo · 1 comment
Owner

Originally created by @oleksandr-borysiuk-hkm on GitHub (Nov 14, 2024).

Originally created by @oleksandr-borysiuk-hkm on GitHub (Nov 14, 2024).
yindo added the 🐞 bug label 2026-02-21 18:17:14 -05:00
yindo closed this issue 2026-02-21 18:17:14 -05:00
Author
Owner

@dosubot[bot] commented on GitHub (Nov 14, 2024):

Hello @oleksandr-borysiuk-hkm! I'm here to help you with any bugs, questions, or contributions you have for the project. Let's work together to solve the issue you're facing.

The issue with the #dify-chatbot-bubble-button not being added to the DOM in Safari, while it works in Chrome and Firefox, could be related to several factors. Here are some steps and considerations to help troubleshoot the problem:

  1. Check for JavaScript Errors: Use Safari's Web Inspector to check for any JavaScript errors that might be preventing the button from being added to the DOM. Look for any console warnings or errors that could indicate issues with the script execution.

  2. Configuration Verification: Ensure that the window.difyChatbotConfig object is correctly configured with a valid token and other necessary settings. The script includes a warning log if the configuration is not available, which can help identify configuration issues [1].

  3. DOM Manipulation Methods: The methods used to add the button to the DOM, such as document.createElement('div') and document.body.appendChild(containerDiv), are supported in Safari. However, ensure that these methods are being called as expected and that there are no conditions preventing their execution [1].

  4. CSS and JavaScript Compatibility: Although there are no specific known compatibility issues with Safari documented, it's worth checking if any CSS styles or JavaScript features used in the script might behave differently in Safari.

  5. Error Handling and Logging: The script includes error handling and logging, which can provide insights into why the button is not appearing. Check for any error logs related to the handleRemToPx function or other parts of the script [1].

  6. Troubleshooting Steps: Refer to the Dify documentation for any troubleshooting steps related to embedding the chatbot in different browsers. This might include ensuring the URL starts with HTTPS and checking for any content security policies that might affect the iframe or script [2].

By following these steps, you should be able to identify and resolve the issue with the button not appearing in Safari.

To continue talking to Dosu, mention @dosu.

@dosubot[bot] commented on GitHub (Nov 14, 2024): <!-- Greeting --> Hello @oleksandr-borysiuk-hkm! I'm here to help you with any bugs, questions, or contributions you have for the project. Let's work together to solve the issue you're facing. <!-- Answer --> The issue with the `#dify-chatbot-bubble-button` not being added to the DOM in Safari, while it works in Chrome and Firefox, could be related to several factors. Here are some steps and considerations to help troubleshoot the problem: 1. **Check for JavaScript Errors**: Use Safari's Web Inspector to check for any JavaScript errors that might be preventing the button from being added to the DOM. Look for any console warnings or errors that could indicate issues with the script execution. 2. **Configuration Verification**: Ensure that the `window.difyChatbotConfig` object is correctly configured with a valid token and other necessary settings. The script includes a warning log if the configuration is not available, which can help identify configuration issues <sup>[[1]](https://github.com/langgenius/dify/blob/main/third-party/chrome%20plug-in/content.js)</sup>. 3. **DOM Manipulation Methods**: The methods used to add the button to the DOM, such as `document.createElement('div')` and `document.body.appendChild(containerDiv)`, are supported in Safari. However, ensure that these methods are being called as expected and that there are no conditions preventing their execution <sup>[[1]](https://github.com/langgenius/dify/blob/main/third-party/chrome%20plug-in/content.js)</sup>. 4. **CSS and JavaScript Compatibility**: Although there are no specific known compatibility issues with Safari documented, it's worth checking if any CSS styles or JavaScript features used in the script might behave differently in Safari. 5. **Error Handling and Logging**: The script includes error handling and logging, which can provide insights into why the button is not appearing. Check for any error logs related to the `handleRemToPx` function or other parts of the script <sup>[[1]](https://github.com/langgenius/dify/blob/main/third-party/chrome%20plug-in/content.js)</sup>. 6. **Troubleshooting Steps**: Refer to the Dify documentation for any troubleshooting steps related to embedding the chatbot in different browsers. This might include ensuring the URL starts with HTTPS and checking for any content security policies that might affect the iframe or script <sup>[[2]](https://github.com/langgenius/dify-docs/blob/main/zh_CN/learn-more/use-cases/how-to-integrate-dify-chatbot-to-your-wix-website.md)</sup>. By following these steps, you should be able to identify and resolve the issue with the button not appearing in Safari. <!-- Dosu Comment Footer --> *To continue talking to [Dosu](https://dosu.dev), mention @dosu.*
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#6773