Skip to content

[UI] Search bar does not auto-expand for long queries - #217556

Merged
olapawlus merged 2 commits into
elastic:mainfrom
olapawlus:searchbar
Apr 9, 2025
Merged

olapawlus merged 2 commits into
elastic:mainfrom
olapawlus:searchbar

Conversation

@olapawlus

@olapawlus olapawlus commented Apr 8, 2025 •

Copy link
Copy Markdown
Contributor

Summary

Updates search bar styles to wrap long text inputs while preserving formatting.

Closes: #211071

@olapawlus olapawlus added bug Fixes for quality problems that affect the customer experience Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas t// backport:version Backport to applied version labels v9.1.0 v8.18.1 v9.0.1 v8.17.5 labels Apr 8, 2025
@olapawlus olapawlus self-assigned this Apr 8, 2025
@olapawlus
olapawlus requested a review from a team as a code owner April 8, 2025 16:14
@elasticmachine

Copy link
Copy Markdown
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
unifiedSearch 351.2KB 351.2KB +10.0B

cc @olapawlus

@ghudgins
ghudgins requested a review from a team April 8, 2025 23:40
@olapawlus
olapawlus enabled auto-merge (squash) April 9, 2025 07:48

@mbondyra mbondyra left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested on Chrome, LGTM 🙆🏼‍♀️

@ek-so ek-so left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@olapawlus
olapawlus merged commit df60cc9 into elastic:main Apr 9, 2025
@kibanamachine

Copy link
Copy Markdown
Contributor

Starting backport for target branches: 8.17, 8.18, 9.0

https://github.com/elastic/kibana/actions/runs/14354576184

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
## Summary
Updates search bar styles to wrap long text inputs while preserving
formatting.

Closes: elastic#211071
(cherry picked from commit df60cc9)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
## Summary
Updates search bar styles to wrap long text inputs while preserving
formatting.

Closes: elastic#211071
(cherry picked from commit df60cc9)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
## Summary
Updates search bar styles to wrap long text inputs while preserving
formatting.

Closes: elastic#211071
(cherry picked from commit df60cc9)
@kibanamachine

Copy link
Copy Markdown
Contributor

💚 All backports created successfully

Status Branch Result
✅ 8.17
✅ 8.18
✅ 9.0

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Apr 9, 2025
#217643)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[UI] Search bar does not auto-expand for long queries
(#217556)](#217556)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT
[{"author":{"name":"Ola","email":"98127445+olapawlus@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-04-09T10:10:31Z","message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Team:Presentation","backport:version","v9.1.0","v8.18.1","v9.0.1","v8.17.5"],"title":"[UI]
Search bar does not auto-expand for long
queries","number":217556,"url":"https://github.com/elastic/kibana/pull/217556","mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","9.0","8.17"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217556","number":217556,"mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},{"branch":"8.18","label":"v8.18.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.17","label":"v8.17.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Ola <98127445+olapawlus@users.noreply.github.com>
kibanamachine added a commit that referenced this pull request Apr 9, 2025
…#217644)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[UI] Search bar does not auto-expand for long queries
(#217556)](#217556)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT
[{"author":{"name":"Ola","email":"98127445+olapawlus@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-04-09T10:10:31Z","message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Team:Presentation","backport:version","v9.1.0","v8.18.1","v9.0.1","v8.17.5"],"title":"[UI]
Search bar does not auto-expand for long
queries","number":217556,"url":"https://github.com/elastic/kibana/pull/217556","mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","9.0","8.17"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217556","number":217556,"mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},{"branch":"8.18","label":"v8.18.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.17","label":"v8.17.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Ola <98127445+olapawlus@users.noreply.github.com>
kibanamachine added a commit that referenced this pull request Apr 9, 2025
#217642)

# Backport

This will backport the following commits from `main` to `8.17`:
- [[UI] Search bar does not auto-expand for long queries
(#217556)](#217556)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT
[{"author":{"name":"Ola","email":"98127445+olapawlus@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-04-09T10:10:31Z","message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Team:Presentation","backport:version","v9.1.0","v8.18.1","v9.0.1","v8.17.5"],"title":"[UI]
Search bar does not auto-expand for long
queries","number":217556,"url":"https://github.com/elastic/kibana/pull/217556","mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","9.0","8.17"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217556","number":217556,"mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},{"branch":"8.18","label":"v8.18.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.17","label":"v8.17.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Ola <98127445+olapawlus@users.noreply.github.com>
@olapawlus

Copy link
Copy Markdown
Contributor Author

💚 All backports created successfully

Status Branch Result
✅ 8.x
✅ 8.16

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

olapawlus added a commit to olapawlus/kibana that referenced this pull request Apr 9, 2025
## Summary
Updates search bar styles to wrap long text inputs while preserving
formatting.

Closes: elastic#211071
(cherry picked from commit df60cc9)
olapawlus added a commit to olapawlus/kibana that referenced this pull request Apr 9, 2025
## Summary
Updates search bar styles to wrap long text inputs while preserving
formatting.

Closes: elastic#211071
(cherry picked from commit df60cc9)
olapawlus added a commit that referenced this pull request Apr 9, 2025
#217694)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[UI] Search bar does not auto-expand for long queries
(#217556)](#217556)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT
[{"author":{"name":"Ola","email":"98127445+olapawlus@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-04-09T10:10:31Z","message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Team:Presentation","v9.0.0","backport:version","v8.18.0","v9.1.0","v8.19.0","v8.18.1","v9.0.1","v8.17.5","v8.16.7"],"title":"[UI]
Search bar does not auto-expand for long
queries","number":217556,"url":"https://github.com/elastic/kibana/pull/217556","mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},"sourceBranch":"main","suggestedTargetBranches":["8.x","8.16"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217644","number":217644,"state":"MERGED","mergeCommit":{"sha":"6a1b6093fc267048ea9caae6566f0fb92e86ee78","message":"[9.0]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217644)\n\n# Backport\n\nThis will backport the following commits from
`main` to `9.0`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217643","number":217643,"state":"MERGED","mergeCommit":{"sha":"d19b6e726b04721e68342d2d03a0ce914ca7ebdd","message":"[8.18]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217643)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.18`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217556","number":217556,"mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.17","label":"v8.17.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217642","number":217642,"state":"MERGED","mergeCommit":{"sha":"963a242be4ba7a8b2e22135e6735bf51c9f2972e","message":"[8.17]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217642)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.17`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"8.16","label":"v8.16.7","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
olapawlus added a commit that referenced this pull request Apr 9, 2025
…#217693)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[UI] Search bar does not auto-expand for long queries
(#217556)](#217556)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT
[{"author":{"name":"Ola","email":"98127445+olapawlus@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-04-09T10:10:31Z","message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Team:Presentation","v9.0.0","backport:version","v8.18.0","v9.1.0","v8.19.0","v8.18.1","v9.0.1","v8.17.5","v8.16.7"],"title":"[UI]
Search bar does not auto-expand for long
queries","number":217556,"url":"https://github.com/elastic/kibana/pull/217556","mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},"sourceBranch":"main","suggestedTargetBranches":["8.x","8.16"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217644","number":217644,"state":"MERGED","mergeCommit":{"sha":"6a1b6093fc267048ea9caae6566f0fb92e86ee78","message":"[9.0]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217644)\n\n# Backport\n\nThis will backport the following commits from
`main` to `9.0`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217643","number":217643,"state":"MERGED","mergeCommit":{"sha":"d19b6e726b04721e68342d2d03a0ce914ca7ebdd","message":"[8.18]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217643)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.18`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217556","number":217556,"mergeCommit":{"message":"[UI]
Search bar does not auto-expand for long queries (#217556)\n\n##
Summary\nUpdates search bar styles to wrap long text inputs while
preserving\nformatting.\n\nCloses:
#211071","sha":"df60cc93929f9dad507bf2ab3c7001cbe1840502"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.17","label":"v8.17.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/217642","number":217642,"state":"MERGED","mergeCommit":{"sha":"963a242be4ba7a8b2e22135e6735bf51c9f2972e","message":"[8.17]
[UI] Search bar does not auto-expand for long queries (#217556)
(#217642)\n\n# Backport\n\nThis will backport the following commits from
`main` to `8.17`:\n- [[UI] Search bar does not auto-expand for long
queries\n(#217556)](https://github.com/elastic/kibana/pull/217556)\n\n\n\n###
Questions ?\nPlease refer to the [Backport
tool\ndocumentation](https://github.com/sorenlouv/backport)\n\n\n\nCo-authored-by:
Ola
<98127445+olapawlus@users.noreply.github.com>"}},{"branch":"8.16","label":"v8.16.7","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels bug Fixes for quality problems that affect the customer experience release_note:fix Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas t// v8.16.7 v8.17.5 v8.18.0 v8.19.0 v9.0.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] Search bar does not auto-expand for long queries

8 participants