[PR #26433] fix: debounce ref #31432

Closed
opened 2026-02-21 20:49:27 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/26433

State: closed
Merged: Yes


Important

  1. Make sure you have read our contribution guidelines
  2. Ensure there is an associated issue and you have been assigned to it
  3. Use the correct syntax to link this PR: Fixes #<issue number>.

Summary

This pull request improves how window resize events are handled in the Chat component to prevent performance issues and ensure proper cleanup. The main change is to debounce the resize event listener using a ref, which avoids creating a new debounced function on every render and ensures the correct function is removed during cleanup.

Improvements to event handling and performance:

  • Refactored the window resize event listener in chat/index.tsx to use a debounced function stored in a ref, ensuring consistent handler registration and cleanup, and reducing unnecessary re-renders.

Screenshots

Before After
... ...

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/26433 **State:** closed **Merged:** Yes --- > [!IMPORTANT] > > 1. Make sure you have read our [contribution guidelines](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) > 1. Ensure there is an associated issue and you have been assigned to it > 1. Use the correct syntax to link this PR: `Fixes #<issue number>`. ## Summary This pull request improves how window resize events are handled in the `Chat` component to prevent performance issues and ensure proper cleanup. The main change is to debounce the resize event listener using a ref, which avoids creating a new debounced function on every render and ensures the correct function is removed during cleanup. **Improvements to event handling and performance:** * Refactored the window resize event listener in `chat/index.tsx` to use a debounced function stored in a ref, ensuring consistent handler registration and cleanup, and reducing unnecessary re-renders. ## Screenshots | Before | After | |--------|-------| | ... | ... | ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:49:27 -05:00
yindo closed this issue 2026-02-21 20:49:27 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#31432