-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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] Auto expand comboboxes and popovers based on the content #171573
Conversation
bc2a5b8
to
73acf81
Compare
00f0e43
to
b076dd1
Compare
b076dd1
to
2a7a0b7
Compare
512d3af
to
f628e1f
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changes in presentation-util LGTM! Nice work!
…ana into widen_eui_selectables_steps
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested the Unified Histogram changes locally, and it's working as intended. Data Discovery changes LGTM 👍
Pinging @elastic/kibana-visualizations (Team:Visualizations) |
…ana into widen_eui_selectables_steps
…i_selectables_steps
…i_selectables_steps
…ana into widen_eui_selectables_steps
}; | ||
|
||
const handleFocus: React.FocusEventHandler<HTMLDivElement> = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That's nice to get rid of this type of code 🎉
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
First code review pass done.
Will test it locally shortly.
packages/kbn-calculate-width-from-char-count/src/calculate_width_from_char_count.ts
Show resolved
Hide resolved
…i_selectables_steps # Conflicts: # x-pack/plugins/lens/tsconfig.json
This reverts commit feff1c7.
…i_selectables_steps
Thanks @dej611 I addressed your comments 😊 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested locally with Safari! 👍
💚 Build Succeeded
Metrics [docs]Module Count
Public APIs missing comments
Async chunks
Public APIs missing exports
Page load bundle
Unknown metric groupsAPI count
async chunk count
History
To update your PR or re-run it, just comment with: |
Summary
Fixes partially two remaining tasks from #168753
Fixes partially dataview issue from #170398
It stretches to maximum approximate 60 characters if any of the labels in the list is of this length. If the content doesn't need the container to stretch, it doesn't do it.
Field picker in Lens
minimum width:

auto-expanded width:

Layer data view picker in Lens
Data view picker in Unified Search
Data view picker in dashboard Create control flyout
Unified search data view select component (tested in maps)
Unified search field and value picker
Adds `panelMinWidth`, removes the custom flex width change behaviorNov-22-2023.14-20-48.mp4
Discover breakdown field
Removes the focus stretching and instead uses the panelMinWidth prop