Skip to content

[EuiFlyout] Make resizeIndicator configureable #7988

@kertal

Description

@kertal

Is your feature request related to a problem? Please describe.
This problem surfaced in elastic/kibana#188940. In Kibana Discover users can expand a row in Discover's DataTable (EuiDataGrid), this is displayed in an EuiFlyout in push style. When the flyout is open it is difficult to click on the scrollbar because of the commend is superseeded by the flyoutinteraction allowing to resize the flyout.

Describe the solution you'd like
There should be a dedicated prop, something like resizeIndicator="border|handle" to mirror EuiResizableButton's styling (basically if the indicator style gets changed to handle, we'll move the drag handle on the inside of the flyout)

Describe alternatives you've considered
in a chat with @cee-chen and @mgadewoll they were thinking of using of https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter, but this was skipped due to lack of Safair support

Desired timeline
This ain't a high priority issue but it's one of those things that increase the usability of Kibana Discover, so we appreciate this enhancement!

Additional context
Image

Metadata

Metadata

Assignees

Labels

No labels
No labels
No fields configured for Enhancement.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions