Let the prompt block wrap instead of overflowing the card - #5805
Merged
Merged
Conversation
The coding-agent tabs put a sentence into a block built for an address. The stacked block sets white-space: nowrap on purpose, because a wrapped address is harder to read than one you scroll, but nowrap sizes the block to its content: measured on the preview it came out 1079px wide and pushed 90px past the right edge of the card, with the end of the prompt cut off. The Claude tab's block, the same component with an address in it, is 291px and sits well inside. Adds an explicit wrap prop rather than guessing from the content's length, the same reason the block does not guess whether a cap is per line or per block. Only the two tabs carrying a prompt pass it. word-break goes back to normal so words stay whole, overriding the base rule's break-all; overflow-wrap lets the address break if it has to.
✅ Deploy Preview for flowfuse-website ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Contributor
Author
|
Fixes this problem: |
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
1 participant
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.
Description
The Claude Code and Codex tabs from #5800 put a sentence into a block built for an address, and it overflows the card. Reported from the live page.
The stacked command block sets
white-space: nowrapon purpose: a wrapped address is harder to read than one you scroll. Butnowrapsizes the block to its content. Measured on the preview at 1440px:So the end of the prompt, the half that says what it does, was cut off.
Adds an explicit
wrapprop rather than inferring it from the content's length, and passes it only from the two tabs that carry a prompt.word-breakgoes back tonormalso words stay whole, overriding the base rule'sbreak-all;overflow-wrap: anywherestill lets the address break if it has to.The same defect exists in the platform's own copy of this block and is fixed in FlowFuse/flowfuse#8499.
Related Issue(s)
https://github.com/FlowFuse/engineering/issues/272
Checklist