fix(guid): remove add-assistant button hover animation#1362
Merged
IceyLiu merged 2 commits intoiOfficeAI:mainfrom Mar 17, 2026
Merged
fix(guid): remove add-assistant button hover animation#1362IceyLiu merged 2 commits intoiOfficeAI:mainfrom
IceyLiu merged 2 commits intoiOfficeAI:mainfrom
Conversation
067445f to
01bbbe4
Compare
Collaborator
|
@TCP404 解决方案不太合适,帮忙把hover变形展开直接去掉,保留➕即可 |
Remove the expand animation on hover to avoid layout flicker. The button is now a static circular "+" icon with only a background color change on hover.
01bbbe4 to
4eb7f56
Compare
IceyLiu
approved these changes
Mar 17, 2026
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Pull Request
Description
The "+" (Add Assistant) button at the end of the assistant label row flickers rapidly when the mouse hovers over it, making it completely unclickable.
Root cause: The button expands from
28pxto up to320pxon hover viamax-widthtransition. When the button sits near the end of a flex-wrap row, the expansion causes it to wrap to the next line → mouse leaves → button shrinks back → re-enters the row → hover triggers again → infinite loop.Fix: Remove the hover expand animation entirely. The button is now a static circular "+" icon (
28×28) with only a background color change on hover. This eliminates the reflow issue at its source and keeps the UI simple.Related Issues
Type of Change
Testing
Screenshots
Before (Bug)
After (Fixed)
Static "+" button, no expand animation on hover.
Additional Context
The bug is triggered when the "+" button is positioned near the end of a flex-wrap row with just enough space for the collapsed state (28px) but not for the expanded state. Resizing the window to make the button sit at the row boundary reliably reproduces the issue.