Skip to content

make js textarea resizable #386#387

Merged
freedit-dev merged 1 commit intofreedit-org:mainfrom
YGGverse:resizable-textarea
Dec 24, 2025
Merged

make js textarea resizable #386#387
freedit-dev merged 1 commit intofreedit-org:mainfrom
YGGverse:resizable-textarea

Conversation

@oooo-ps
Copy link

@oooo-ps oooo-ps commented Dec 24, 2025

fixes #386

Summary by CodeRabbit

  • Style
    • Updated editor textarea styling to support automatic height adjustment, removing the previous fixed size constraint and allowing textareas to expand dynamically as needed.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Dec 24, 2025

📝 Walkthrough

Walkthrough

Modifies CSS rules to enable automatic height adjustment for textareas without explicit row attributes by replacing a fixed height constraint with resizable behavior and removing max-height limitations.

Changes

Cohort / File(s) Summary
Textarea Height Configuration
static/css/main.css
Replaces .editor-container fixed height (300px) with .textarea:not([rows]) rule allowing automatic height and enabling resize functionality via max-height: none

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 A textarea once stood so small,
With heights locked tight, no room at all!
But now it stretches, free to grow,
Resize it wide, resize it low—
No magic needed, just CSS flow! ✨

Pre-merge checks and finishing touches

✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: enabling textarea resizability and references the related issue #386.
Linked Issues check ✅ Passed The code change directly addresses issue #386 by removing the fixed height constraint and disabling max-height, enabling native textarea resizing.
Out of Scope Changes check ✅ Passed All changes are directly related to the objective of enabling textarea resizing; no out-of-scope modifications are present.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1a48ec9 and f2ab7ad.

⛔ Files ignored due to path filters (1)
  • static/js/overtype.min.js is excluded by !**/*.min.js
📒 Files selected for processing (1)
  • static/css/main.css
🔇 Additional comments (1)
static/css/main.css (1)

176-180: Verify the initial textarea height provides acceptable user experience.

The CSS change correctly enables the native resize handle by removing the fixed height constraint that was preventing resizing. Bulma does not override the browser's default resize property, so the native resize handle should appear as expected.

However, height: auto on a textarea without a rows attribute may result in a very small initial height (approximately one line of text). Please verify that this provides a reasonable user experience when the page initially loads, especially if users expect a larger text input area before typing.


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

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

@freedit-dev freedit-dev merged commit 4c0e18f into freedit-org:main Dec 24, 2025
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

Extendable textarea height

2 participants