Fix editing message background fill not stretching with more lines#604
Merged
philippjfr merged 4 commits intopanel-extensions:mainfrom Apr 7, 2026
Merged
Conversation
…anel-extensions#603) Add CSS :has() rule to force Paper width to 100% when edit area is active, and configure ChatAreaInput with sizing_mode, disabled upload, and placeholder.
b3772ce to
ec71e6b
Compare
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #604 +/- ##
==========================================
- Coverage 82.03% 81.66% -0.38%
==========================================
Files 31 31
Lines 3229 3229
==========================================
- Hits 2649 2637 -12
- Misses 580 592 +12 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
ahuang11
reviewed
Mar 24, 2026
Merges _EDIT_STRETCH_STYLESHEET into _MESSAGE_STYLESHEET and simplifies _process_param_change back to a single check.
Contributor
ahuang11
requested changes
Mar 26, 2026
Contributor
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.


Fixes #603
Changes
When a user edits a chat message, the Paper background now stretches to full width instead of staying at
fit-content.Root cause
The
isResponsivecheck inChatMessage.jsxreadssizing_modefrom the child model, but this check is not reactive when_object_panelis swapped to the edit area. The Paper stays atfit-content, causing the edit textarea to overflow its background.Fix
Python (
message.py):sizing_mode='stretch_width'on theChatAreaInputedit areaplaceholder="Edit message..."for UX clarityJSX (
ChatMessage.jsx):MutationObserveron the Paper element that detects when the.edit-areaCSS class appears in the DOMisEditing=truewhich forces Paper towidth: 100%fit-contentposition: relative; z-index: 1on the edit/copy icon Stack to prevent overlap from next messageTests (
test_message_edit.py):test_edit_area_has_stretch_width- verifiessizing_mode='stretch_width'test_edit_area_has_edit_css_class- verifiesedit-areaCSS class presence (required for MutationObserver detection)Screenshot
After
Edit area stretches to full width with clean underline styling. All text contained within the Paper background.