Repository navigation
Wrap long get-started commands instead of clipping them - #4623
Merged
Merged
Conversation
The command chip had a fixed height and no wrapping, so a long command lost its end on hub pages. The Elasticsearch hub shows its start-local command without the final `| sh`. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Comment on lines
+244
to
+245
| white-space: pre-wrap; | ||
| overflow-wrap: anywhere; |
There was a problem hiding this comment.
Severity: P3 (Low)
The wrapping fix has no automated layout regression coverage. The existing get-started option tests only check emitted HTML, so they would still pass if commands became clipped again. Add a browser-level case with a long command and an unbroken URL in a constrained column, plus a short-command control that verifies the 37px height.
Generated by Libra. React with 👍 or 👎 to give feedback on this comment.
Member
Author
There was a problem hiding this comment.
No existing browser-level layout test harness to extend here, so I'll leave this to the visual checks rather than add one for a single CSS rule.
Merged
1 of 2 tasks
Contributor
Docs preview (local build)Handbook preview: https://docs-v3-preview.elastic.dev/elastic/docs-builder/pull/4623/ |
theletterf
approved these changes
Oct 29, 2026
alexandra5000
pushed a commit
to alexandra5000/docs-content
that referenced
this pull request
Oct 29, 2026
…hub (elastic#9073) ## Summary Many search use cases don't need Kibana, so the **Run locally** option on the [Elasticsearch hub](https://www.elastic.co/docs/products/elasticsearch) now gives the Elasticsearch-only command: ```sh curl -fsSL https://elastic.co/start-local | sh -s -- --esonly ``` The description tells readers to delete the `--esonly` flag to also run Kibana. The flag is documented in the [start-local README](https://github.com/elastic/start-local#install-only-elasticsearch). ## Dependency [elastic/docs-builder#4623](elastic/docs-builder#4623). Until this gets picked up in a docs release, the hub's command box cuts off long commands, so readers can't see `| sh -s --esonly`. ## Generative AI disclosure 1. Did you use a generative AI (GenAI) tool to assist in creating this contribution? - [x] Yes - [ ] No Tool(s) and model(s) used: Claude Code, Claude Opus 5.5 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
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.
Long commands in a
{get-started}option now wrap instead of being cut off, so readers see the whole command.Affects: Site UI
Why
The command chip has a fixed height and scrolls sideways, so a long command loses its end with no sign that it continues.
What
The chip grows to fit its content and the command wraps. A one-line command keeps the chip's 37px height. The design-system hub layout already wraps commands.
Check on the preview
start-localcommand in Run locally wraps and shows the final| sh.Related: #4622 includes this change.
Screenshots
Before: a long command is cut off
After: the same command wraps onto two lines
🤖 Generated with Claude Code