Knowledge -> Sync from Notion ：DOM display error when custom icons are present

[fangao888]

Self Checks

• [x] This is only for bug report, if you would like to ask a question, please head to Discussions.
• [x] I have searched for existing issues search for existing issues, including closed ones.
• [x] I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• [x] [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:）
• [x] Please do not modify this template :) and fill in all the required fields.

Dify version

0.15.2

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

{'id': '13dc313f-d88e-80e6-8e6e-007a0f3956fc', 'url': 'https://s3-us-west-2.amazonaws.com/public.notion-static.com/cf28efe8-e501-4766-bf8a-dd54123233e7/typescript_.png', 'name': 'typescript_'}

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[dosubot[bot]]

To address the DOM display error when syncing from Notion in Dify, you can start by checking the following:

1. Inspect the DOM Elements: Ensure that the DOM elements involved in the data source selection interface, such as WorkspaceSelector, SearchInput, and PageSelector, are correctly rendered and not hidden or overlapping due to CSS issues ^[1].

2. Check for JavaScript Errors: Open the browser's developer console to see if there are any JavaScript errors that might be affecting the display. This can provide clues about what might be going wrong.

3. Verify CSS Styles: Ensure that the CSS styles applied to the interface are correct and not causing elements to be misaligned or hidden. Look for any conflicting styles that might be affecting the layout.

4. Review Recent Changes: If there have been recent updates or changes to the codebase, review them to see if they might have introduced the issue.

5. Test in Different Browsers: Sometimes, display issues can be browser-specific. Test the interface in different browsers to see if the problem persists.

If these steps do not resolve the issue, consider providing more detailed information about the error messages or logs from the developer console, as this can help in diagnosing the problem further.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[sweetkey]

Not sure if it is same issue. No response to synced pages in Notion, then I disconnected Notion and tried to reconnect, but there is no reaction when clicking the "connect" link.

I resolved it. I have to remove the Dify connection and create a new connection in Notion and update the .env setting. Now it has no issue. (Only for my reported issue, not the first post)

[dosubot[bot]]

Hi, @fangao888. I'm Dosu, and I'm helping the Dify team manage their backlog. I'm marking this issue as stale.

Issue Summary:

• The issue involves a DOM display error when syncing from Notion in the self-hosted version 0.15.2 of Dify, especially with custom icons.
• I provided a troubleshooting guide, including inspecting DOM elements and checking for JavaScript errors.
• @sweetkey shared a related issue and resolved it by updating the .env settings, but this did not address your original problem.

Next Steps:

• Please let me know if this issue is still relevant to the latest version of Dify. If so, you can keep the discussion open by commenting here.
• If there is no further activity, this issue will be automatically closed in 15 days.

Thank you for your understanding and contribution!