Skip to content

fix: align textarea placeholder and text with the surroundings#3052

Merged
MartinCupela merged 3 commits intomasterfrom
fix/align-textarea-placeholder
Mar 25, 2026
Merged

fix: align textarea placeholder and text with the surroundings#3052
MartinCupela merged 3 commits intomasterfrom
fix/align-textarea-placeholder

Conversation

@MartinCupela
Copy link
Contributor

🎯 Goal

Closes REACT-919

Fixes:

  • An unexpected grey line appears inside the thread composer input field, likely a stray border or divider element that shouldn't be visible.
  • The placeholder text is not vertically centered within the input field and needs to be repositioned.
  • The command pill has too much horizontal padding; left and right should be reduced.

@github-actions
Copy link

github-actions bot commented Mar 24, 2026

Size Change: +4 B (0%)

Total Size: 441 kB

Filename Size Change
./dist/cjs/index.js 236 kB -13 B (-0.01%)
./dist/css/index.css 46.9 kB +17 B (+0.04%)
ℹ️ View Unchanged
Filename Size
./dist/audioProcessing-BbOs2wMd.js 1.32 kB
./dist/cjs/emojis.js 2.96 kB
./dist/cjs/mp3-encoder.js 1.27 kB
./dist/css/v2/emoji-mart.css 1.84 kB
./dist/css/v2/emoji-replacement.css 300 B
./dist/css/v2/index.css 39.4 kB
./dist/css/v2/index.layout.css 22.8 kB
./dist/WithAudioPlayback-myzUS2m6.js 89.1 kB

compressed-size-action

@codecov
Copy link

codecov bot commented Mar 24, 2026

Codecov Report

❌ Patch coverage is 66.66667% with 1 line in your changes missing coverage. Please review.
βœ… Project coverage is 78.77%. Comparing base (880d12d) to head (a3f1bbc).
⚠️ Report is 4 commits behind head on master.

Files with missing lines Patch % Lines
...c/components/MessageComposer/MessageComposerUI.tsx 50.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #3052      +/-   ##
==========================================
+ Coverage   78.75%   78.77%   +0.02%     
==========================================
  Files         426      426              
  Lines       12110    12110              
  Branches     3927     3929       +2     
==========================================
+ Hits         9537     9540       +3     
+ Misses       2552     2549       -3     
  Partials       21       21              

β˜” 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.

@MartinCupela MartinCupela merged commit da293f0 into master Mar 25, 2026
7 checks passed
@MartinCupela MartinCupela deleted the fix/align-textarea-placeholder branch March 25, 2026 10:31
github-actions bot pushed a commit that referenced this pull request Mar 25, 2026
## [14.0.0-beta.2](v14.0.0-beta.1...v14.0.0-beta.2) (2026-03-25)

### ⚠ BREAKING CHANGES

* remove components ActionsIcon, ReactionIcon,
ThreadIcon, MessageErrorIcon
* replace class str-chat__message-error-icon with str-chat__message-error-indicator
* do not allow to mark own messages unread
* remove MessageErrorText component
* re-throw error from handleDelete in MessageContext

### Bug Fixes

* adjust message UI for network error when sending a message ([#3042](#3042)) ([e0207cd](e0207cd))
* align textarea placeholder and text with the surroundings ([#3052](#3052)) ([da293f0](da293f0))
* allow useNotificationTarget to return undefined ([#3046](#3046)) ([38b278e](38b278e))
* calculate message read status for the first message in a channel (ported from v13) ([#3056](#3056)) ([b7c33c8](b7c33c8))
* clear message composer on unmount ([#3053](#3053)) ([f2a79ab](f2a79ab))
* keep the distance of command menus constant from the invoking button ([#3049](#3049)) ([960c1f9](960c1f9))
* prevent empty message composer textarea from growing ([#3051](#3051)) ([880d12d](880d12d))
* prevent poll options layout shifting upon voting ([#3048](#3048)) ([cdaf480](cdaf480))

### Features

* add "Voice message deleted" notification ([#3045](#3045)) ([9982c45](9982c45))
* do not allow to mark own messages unread ([#3043](#3043)) ([fe05b62](fe05b62))
* redesign message actions icons and message error badge ([#3050](#3050)) ([f4caa0e](f4caa0e))
* shared gallery preview in AttachmentPreviewList ([#3044](#3044)) ([f05f47d](f05f47d))
@stream-ci-bot
Copy link

πŸŽ‰ This PR is included in version 14.0.0-beta.2 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants