Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Lens] [Unified Search] Fix field truncation on Combo boxes #170889

Merged
merged 8 commits into from
Nov 15, 2023

Conversation

mbondyra
Copy link
Contributor

@mbondyra mbondyra commented Nov 8, 2023

Summary

Fixes 3/5 of #168753
Doesn't set up multilines. Doesn't remove auto-expanding logic. Middle truncates.

(Unified Search) Field selector
Screenshot 2023-11-13 at 11 30 20

(Unified Search) Value selector:
Screenshot 2023-11-13 at 11 30 30

(Lens) Field picker within layer config:
Screenshot 2023-11-09 at 14 44 58

Also fixes tiny stylistic issue for dataview picker label cut on the bottom:
Screenshot 2023-11-09 at 15 06 38
Screenshot 2023-11-09 at 15 07 08

@mbondyra mbondyra added Team:Visualizations Visualization editors, elastic-charts and infrastructure release_note:skip Skip the PR/issue when compiling release notes Feature:Lens Feature:Unified search Unified search related tasks v8.12.0 labels Nov 8, 2023
@mbondyra mbondyra force-pushed the lens/truncate_fixes branch 7 times, most recently from 338bd7f to ee9be1b Compare November 9, 2023 13:22
@mbondyra mbondyra added loe:medium Medium Level of Effort impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. labels Nov 9, 2023
@mbondyra mbondyra marked this pull request as ready for review November 13, 2023 17:02
@mbondyra mbondyra requested a review from a team as a code owner November 13, 2023 17:02
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-visualizations (Team:Visualizations)

Copy link
Contributor

@dej611 dej611 left a comment

Choose a reason for hiding this comment

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

I see a general improvement with this PR with all fields with long names.

Found some bugs, but unsure whether they are strictly related with the scope of this PR or need to be fixed in a next iteration (either way I'm fine):

  • If the selected field name is very long it can overflow the filter popover
    (On Edge browser)
Screenshot 2023-11-14 at 15 29 37 (On Safari browser) Screenshot 2023-11-14 at 15 30 12
  • it seems values are now showing up in the filter values section:
Screenshot 2023-11-14 at 15 33 52

But I see values when aggregating:

Screenshot 2023-11-14 at 15 33 39


return (
<div ref={comboBoxRef}>
<div>
Copy link
Contributor

Choose a reason for hiding this comment

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

do we still need this div?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

you're right, nope!

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
eventAnnotationListing 456 454 -2
lens 1136 1135 -1
unifiedSearch 216 215 -1
total -4

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id before after diff
@kbn/visualization-ui-components 152 151 -1

Async chunks

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

id before after diff
eventAnnotationListing 198.0KB 196.9KB -1.1KB
lens 1.4MB 1.4MB -1009.0B
unifiedSearch 215.6KB 213.7KB -2.0KB
total -4.1KB
Unknown metric groups

API count

id before after diff
@kbn/visualization-ui-components 156 154 -2

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@mbondyra mbondyra merged commit 362ef64 into elastic:main Nov 15, 2023
26 checks passed
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Nov 15, 2023
@mbondyra mbondyra deleted the lens/truncate_fixes branch November 15, 2023 14:36
jillguyonnet pushed a commit to jillguyonnet/kibana that referenced this pull request Nov 16, 2023
…170889)

## Summary

Fixes 3/5 of elastic#168753
Doesn't set up multilines. Doesn't remove auto-expanding logic. Middle
truncates.

(Unified Search) Field selector
<img width="984" alt="Screenshot 2023-11-13 at 11 30 20"
src="https://github.com/elastic/kibana/assets/4283304/9acb6462-3205-4e5c-81bd-c3ae10c8323b">

(Unified Search) Value selector: 
<img width="972" alt="Screenshot 2023-11-13 at 11 30 30"
src="https://github.com/elastic/kibana/assets/4283304/e58b09de-d582-431f-bbd6-97b7c5bd38de">


(Lens) Field picker within layer config: 
<img width="346" alt="Screenshot 2023-11-09 at 14 44 58"
src="https://github.com/elastic/kibana/assets/4283304/4ecb0ea5-bb01-49e3-a54f-4c8c5884c418">

Also fixes tiny stylistic issue for dataview picker label cut on the
bottom:
<img width="368" alt="Screenshot 2023-11-09 at 15 06 38"
src="https://github.com/elastic/kibana/assets/4283304/b9ae6956-c1ef-481e-905d-71ffe5e5545a">
<img width="386" alt="Screenshot 2023-11-09 at 15 07 08"
src="https://github.com/elastic/kibana/assets/4283304/5d49ed7a-e8f2-40c1-ac53-a3580b82740e">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting Feature:Lens Feature:Unified search Unified search related tasks impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. loe:medium Medium Level of Effort release_note:skip Skip the PR/issue when compiling release notes Team:Visualizations Visualization editors, elastic-charts and infrastructure v8.12.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants