fix(sender): fix max height and optimize scrollbar #73
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
fu050409
changed the title
fu050409
changed the title
fu050409
added a commit
that referenced
this pull request
Oct 1, 2025
# Version Updates Merging this PR will release new versions of the following packages based on your change files. # @matechat/react ## [0.1.0-rc.4] ### Bug Fixes - b31f68b (#73 by @xx-yoke) Fix max height of sender and optimize scrollbar style. Co-authored-by: fu050409 <[email protected]>
fu050409
pushed a commit
that referenced
this pull request
Nov 7, 2025
# Releases ## @matechat/react ## v0.1.0 ### Refactors - [`5019927`](5019927): Rewrite auto scroll logic of `BubbleList` component: - Use `ResizeObserver` to detect content size changes and scroll accordingly. - Add `scrollContainer` method to scroll to bottom when content size changes. - Introduce `pauseScroll` to prevent unnecessary scrolls during updates. - [`162bad9`](162bad9): Extract all markdown components and resolve code lints. ### New Features - [`b5e4cb8`](b5e4cb8): Optimize the `SenderButton` component in `sender.tsx`. This optimization includes: - Add `icon` and `isSending` option to `SenderButton` component. - Add doc-string for `SenderButton` and `Sender` props. - [`421dc74`](421dc74): Optimize markdown component in `Bubble`, customize link, heading and code. Support copy button for code blocks. - [`cd8ace0`](cd8ace0): Remove gap and margin between textarea and footer in `Sender` component. - [`6a494c2`](6a494c2): Add `InputCount` component. - Remove the input count div container and wrap it into a new component, allowing users to customize the input limit. - Remove the justify-center style from the div container and add ml-auto to the SenderButton to ensure button remains on the right side. ([#47](#47) by @xx-yoke) - [`4e2905b`](4e2905b): Optimize callback performance by using `useCallback`. - [`f35b6e9`](f35b6e9): Refactor `List` component in `list.tsx` to improve code structure and maintainability. ([#65](#65) by @TMZZ031130) - [`17b60e7`](17b60e7): Add loading animation during AI request wait states. - Updated `BubbleListProps` and `Bubble` in `bubble.tsx` to support pending states - Modified `useChat` in `chat.ts` to set `pending = true` before API requests ([#23](#23) by @Raven-Book) - [`577946c`](577946c): Optimize `background` option of `BubbleList` component. BREAKING CHANGES: - Use `left-solid`, `right-solid`, `transparent` and `solid` as the value of `background` option. - Default to use `right-solid` as the value of `background` option in `Bubble` component. - Remove `left-only` and `right-only` value in `Bubble` component. - [`a0b5fc8`](a0b5fc8): Add `List` component in `list.tsx` to support grouped or normal lists. ([#26](#26) by @TMZZ031130) - [`31f4edf`](31f4edf): Add `FileUpload` component for file selections. ([#31](#31) by @xx-yoke) - [`3869f95`](3869f95): Optimize behavior of `useChat`: - Add `throwOnEmptyBackend` option to `useChat` function. - Throw an error when `backend` is nullish and `throwOnEmptyBackend` is `true`. - Rename `isPending`to`pending` in `useChat` return value. - Allow empty `backend` in `useChat` function. ### Chores - [`577946c`](577946c): Bump dependencies. - [`8bbf2ca`](8bbf2ca): Release `@matechat/react` stable. ### Bug Fixes - [`a11cb5d`](a11cb5d): Enforce some styles for `Sender` component. - [`b31f68b`](b31f68b): Fix max height of sender and optimize scrollbar style. ([#73](#73) by @xx-yoke) - [`d61b43c`](d61b43c): Fix the build issue in `utils` by adding `utils/index.ts` to vite build entries. - [`9f3c6a9`](9f3c6a9): Fixed the issue that normal list mode cannot be selected. Other optimizations: - Remove the `className` attribute from the `list`. - Add an id attribute to the li option of the list component. ([#67](#67) by @TMZZ031130) - [`8044b1e`](8044b1e): adjust title/description font-size to match the prompt component ([#30](#30) by @Raven-Book) - [`3a19451`](3a19451): Fix the lint error on `useEffect` in `sender.tsx`. - [`742dfeb`](742dfeb): Fix matechat component exports. ### Performance Improvements - [`b07439f`](b07439f): Default wrap `BubbleList` with `React.memo` to avoid extra rerender. - [`57077a8`](57077a8): Optimize performance of `BubbleList` component, avoid extra rerender overheads. - [`36ca7eb`](36ca7eb): Wrap all `useChat` hooks with `useCallback` to avoid re-rendering. Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
After 4 rows, appearing overflow-y-auto. I set the max-h-32 , which could be modified. But the overflow-y-auto looks ugly, and idk how to modify.