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

[EuiPopover and EuiButtonGroup] Focus behavior when EuiButtonGroup is first element #4266

Closed
kertal opened this issue Nov 16, 2020 · 1 comment · Fixed by #4288
Closed

[EuiPopover and EuiButtonGroup] Focus behavior when EuiButtonGroup is first element #4266

kertal opened this issue Nov 16, 2020 · 1 comment · Fixed by #4288
Assignees
Labels

Comments

@kertal
Copy link
Member

kertal commented Nov 16, 2020

When a form displayed in a EuiPopover is using a EuiButtonGroup as first element, it is not initially focused, even when using the initialFocus prop of the EuiPopover. So here's an example of our Discover implementation, the first focused element is the EuiSelect (when using initalFocus set to the first EuiButtonGroup, nothing is selected)

Bildschirmfoto 2020-11-16 um 10 45 44

Here's the Kibana PR elastic/kibana#83399

@chandlerprall
Copy link
Contributor

chandlerprall commented Nov 18, 2020

This is caused by the transition: all $euiAnimSpeedNormal ease-in-out declaration for .euiButtonGroup__buttons . Targeting background-color instead of all resolves, but I'm not sure what properties need to be included/watched.

Something about the transition: all flags the .euiButtonGroup__buttons div's computed visibility as hidden instead of visible during the popover's initial rendering, preventing its inputs from being focusable.

/cc @cchaos

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants