fix: resize is invalid in textarea

[meet-student]

resize 顺序问题导致 styles.textarea 写样式失效了

Summary by CodeRabbit

发布说明

• Bug 修复
  • 优化了文本区域组件中的样式属性优先级处理，提升了配置的一致性和可预测性。

[coderabbitai]

概览

在 TextArea 组件的 ResizableTextArea 中调整了 resize 属性的优先级顺序。原先内联样式中的 resize 值会覆盖扩展样式对象中的值，现在扩展样式对象可以覆盖初始的 resize 值。

变更

功能集 / 文件	变更摘要
TextArea 组件样式优先级调整 src/TextArea.tsx	重新排列了 ResizableTextArea 中 resize 属性与 ...styles?.textarea 扩展操作符的顺序，修改了 CSS 属性的级联优先级

代码审查工作量估计

🎯 1 (平凡) | ⏱️ ~3 分钟

• 该变更仅涉及单个文件中的属性顺序调整
• 改动范围最小，无逻辑或控制流影响
• 属于低风险的样式优先级配置修改

诗

小兔跳跃样式间，
优先级细调现；
从前覆盖变被盖，
灵活配置展新颜。🐰✨

Pre-merge checks and finishing touches

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	PR标题"fix: resize is invalid in textarea"与变更集相关联，涉及到具体的属性（resize）和组件（textarea）。变更摘要表明这是关于修复resize属性优先级的问题，使其能够正确运行。标题虽然没有精确描述技术细节（属性优先级重排），但准确地指出了问题所在——resize在textarea中的行为不正确——并表明这是一个修复。标题足够具体，能让团队成员理解主要改动涉及textarea的resize功能。

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 42890fc and 99cfef7.

📒 Files selected for processing (1)

• src/TextArea.tsx (1 hunks)

🔇 Additional comments (1)

src/TextArea.tsx (1)

254-254: 样式优先级调整是合理的bug修复，无需进一步改动。

此变更正确地调整了样式应用顺序，使组件特定的样式配置（styles?.textarea）能够覆盖通用用户样式属性（style?.resize）。这符合预期的样式优先级逻辑，更具体的配置应该具有更高优先级。

验证结果：

• 测试覆盖存在：tests/index.spec.tsx 中有关于 resize 和样式行为的测试用例（第355、375行）
• 代码模式唯一：styles?.textarea 仅在此处使用，变更隔离且不影响其他部分
• 变更意图明确：PR标题"fix: resize is invalid in textarea"表明这是bug修复，不是破坏性变更

该修复使组件行为更加符合直觉，用户通常不会依赖于之前的bug行为。

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[gemini-code-assist]

Summary of Changes

Hello @meet-student, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request resolves a bug in the TextArea component where the resize style property was not functioning as expected. The fix involves a subtle but important change to the order in which styles are merged, guaranteeing that the user-defined resize behavior is correctly applied to the textarea element.

Highlights

• Fix: Textarea Resize Property: The resize style property for the TextArea component was not being applied correctly. This pull request reorders the style properties to ensure that the resize property from the component's style prop takes precedence, resolving the issue.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request addresses a bug concerning the resize style property on the TextArea component. The change modifies the order of properties in the style object passed to ResizableTextArea. Previously, style.resize would override styles.textarea.resize. This was problematic when style.resize was undefined (e.g., when the style prop wasn't provided), as it would nullify the resize value from styles.textarea. The new implementation correctly gives precedence to styles.textarea.resize by placing it after style.resize in the object spread. This ensures that the more specific style configuration is respected and fixes the bug. The change is correct and well-implemented.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.00%. Comparing base (42890fc) to head (99cfef7).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master      #76   +/-   ##
=======================================
  Coverage   99.00%   99.00%           
=======================================
  Files           3        3           
  Lines         201      201           
  Branches       63       63           
=======================================
  Hits          199      199           
  Misses          2        2           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.