[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line #247009
Conversation
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
georgianaonoleata1904
added
the
bug
georgianaonoleata1904
added
release_note:skip
Contributor
|
Pinging @elastic/response-ops (Team:ResponseOps) |
Contributor
💚 Build Succeeded
Metrics [docs]Async chunks
|
jcger
approved these changes
Dec 19, 2025
Contributor
|
Starting backport for target branches: 9.1, 9.2, 9.3 https://github.com/elastic/kibana/actions/runs/20370546223 |
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this pull request
Dec 19, 2025
… into account and wraps to a new line (elastic#247009) Closes elastic#108853 ## Summary The originally reported issue described the `Tags` combobox wrapping to a new line when when badges had long titles, instead of staying aligned next to the `Rule Name `input. This issue is no longer reproducible, but long tag values still cause the Tags input to expand and shrink the Rule Name field. This PR fixes the flexbox sizing issue by allowing items to shrink (min-width: 0), keeping both inputs aligned and equal width. (cherry picked from commit 18782fb)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this pull request
Dec 19, 2025
… into account and wraps to a new line (elastic#247009) Closes elastic#108853 ## Summary The originally reported issue described the `Tags` combobox wrapping to a new line when when badges had long titles, instead of staying aligned next to the `Rule Name `input. This issue is no longer reproducible, but long tag values still cause the Tags input to expand and shrink the Rule Name field. This PR fixes the flexbox sizing issue by allowing items to shrink (min-width: 0), keeping both inputs aligned and equal width. (cherry picked from commit 18782fb)
Contributor
💔 Some backports could not be created
Note: Successful backport PRs will be merged automatically after passing CI. Manual backportTo create the backport manually run: Questions ?Please refer to the Backport tool documentation |
Contributor
Author
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
georgianaonoleata1904
added a commit
to georgianaonoleata1904/kibana
that referenced
this pull request
Dec 19, 2025
… into account and wraps to a new line (elastic#247009) Closes elastic#108853 ## Summary The originally reported issue described the `Tags` combobox wrapping to a new line when when badges had long titles, instead of staying aligned next to the `Rule Name `input. This issue is no longer reproducible, but long tag values still cause the Tags input to expand and shrink the Rule Name field. This PR fixes the flexbox sizing issue by allowing items to shrink (min-width: 0), keeping both inputs aligned and equal width. (cherry picked from commit 18782fb) # Conflicts: # src/platform/packages/shared/response-ops/rule_form/src/rule_details/rule_details.tsx
kibanamachine
added a commit
that referenced
this pull request
Dec 19, 2025
… sizes into account and wraps to a new line (#247009) (#247076) # Backport This will backport the following commits from `main` to `9.2`: - [[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)](#247009) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Georgiana-Andreea Onoleață","email":"georgiana.onoleata@elastic.co"},"sourceCommit":{"committedDate":"2025-12-19T12:50:24Z","message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b","branchLabelMapping":{"^v9.4.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","Team:ResponseOps","backport:version","v9.3.0","v9.4.0","v9.2.4","v9.1.10"],"title":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line","number":247009,"url":"https://github.com/elastic/kibana/pull/247009","mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},"sourceBranch":"main","suggestedTargetBranches":["9.3","9.2","9.1"],"targetPullRequestStates":[{"branch":"9.3","label":"v9.3.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.4.0","branchLabelMappingKey":"^v9.4.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/247009","number":247009,"mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},{"branch":"9.2","label":"v9.2.4","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.10","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Georgiana-Andreea Onoleață <georgiana.onoleata@elastic.co>
kibanamachine
added a commit
that referenced
this pull request
Dec 19, 2025
… sizes into account and wraps to a new line (#247009) (#247077) # Backport This will backport the following commits from `main` to `9.3`: - [[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)](#247009) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Georgiana-Andreea Onoleață","email":"georgiana.onoleata@elastic.co"},"sourceCommit":{"committedDate":"2025-12-19T12:50:24Z","message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b","branchLabelMapping":{"^v9.4.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","Team:ResponseOps","backport:version","v9.3.0","v9.4.0","v9.2.4","v9.1.10"],"title":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line","number":247009,"url":"https://github.com/elastic/kibana/pull/247009","mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},"sourceBranch":"main","suggestedTargetBranches":["9.3","9.2","9.1"],"targetPullRequestStates":[{"branch":"9.3","label":"v9.3.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.4.0","branchLabelMappingKey":"^v9.4.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/247009","number":247009,"mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},{"branch":"9.2","label":"v9.2.4","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.10","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Georgiana-Andreea Onoleață <georgiana.onoleata@elastic.co>
georgianaonoleata1904
added a commit
that referenced
this pull request
Dec 19, 2025
… sizes into account and wraps to a new line (#247009) (#247116) # Backport This will backport the following commits from `main` to `9.1`: - [[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)](#247009) <!--- Backport version: 10.2.0 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Georgiana-Andreea Onoleață","email":"georgiana.onoleata@elastic.co"},"sourceCommit":{"committedDate":"2025-12-19T12:50:24Z","message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b","branchLabelMapping":{"^v9.4.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","Team:ResponseOps","backport:version","v9.3.0","v9.4.0","v9.2.4","v9.1.10"],"title":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line","number":247009,"url":"https://github.com/elastic/kibana/pull/247009","mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},"sourceBranch":"main","suggestedTargetBranches":["9.1"],"targetPullRequestStates":[{"branch":"9.3","label":"v9.3.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/247077","number":247077,"state":"OPEN"},{"branch":"main","label":"v9.4.0","branchLabelMappingKey":"^v9.4.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/247009","number":247009,"mergeCommit":{"message":"[ResponseOps][Rules] Tags combobox container doesn't take badge sizes into account and wraps to a new line (#247009)\n\nCloses https://github.com/elastic/kibana/issues/108853\n\n## Summary\n\nThe originally reported issue described the `Tags` combobox wrapping to\na new line when when badges had long titles, instead of staying aligned\nnext to the `Rule Name `input.\nThis issue is no longer reproducible, but long tag values still cause\nthe Tags input to expand and shrink the Rule Name field.\nThis PR fixes the flexbox sizing issue by allowing items to shrink\n(min-width: 0), keeping both inputs aligned and equal width.","sha":"18782fbb51cffabc6242da1782cfc38c1a04080b"}},{"branch":"9.2","label":"v9.2.4","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/247076","number":247076,"state":"OPEN"},{"branch":"9.1","label":"v9.1.10","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT-->
CAWilson94
pushed a commit
to CAWilson94/kibana
that referenced
this pull request
Jan 6, 2026
… into account and wraps to a new line (elastic#247009) Closes elastic#108853 ## Summary The originally reported issue described the `Tags` combobox wrapping to a new line when when badges had long titles, instead of staying aligned next to the `Rule Name `input. This issue is no longer reproducible, but long tag values still cause the Tags input to expand and shrink the Rule Name field. This PR fixes the flexbox sizing issue by allowing items to shrink (min-width: 0), keeping both inputs aligned and equal width.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
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.
Closes #108853
Summary
The originally reported issue described the
Tagscombobox wrapping to a new line when when badges had long titles, instead of staying aligned next to theRule Nameinput.This issue is no longer reproducible, but long tag values still cause the Tags input to expand and shrink the Rule Name field.
This PR fixes the flexbox sizing issue by allowing items to shrink (min-width: 0), keeping both inputs aligned and equal width.