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

[Rollup Jobs] Added autofocus to cron editor #86324

Merged
merged 3 commits into from
Dec 19, 2020

Conversation

yuliacech
Copy link
Contributor

@yuliacech yuliacech commented Dec 17, 2020

Summary

Fixes #28298.

This PR adds an autofocus when the cron editor is switched between a set of selects for frequency to an input text field. This removes a confusing step of tabbing backwards when using a keyboard when navigating the form.

Gif

cron

How to test

Navigate to Rollup Jobs and use keyboard in the new job creation form. When editing frequency, switch between input field and a set of selects and make sure the input field or the first select is auto focused. Navigate between the wizard steps to make sure, the cron editor is not auto focused on component load.

Release Note

To make navigating the rollup job form with a keyboard easier, it now has an autofocus on the input field after the switch between cron expression and frequency selection.

@yuliacech yuliacech changed the title Added focus control to cron editor [Rollup Jobs] Added autofocus to cron editor Dec 17, 2020
@yuliacech yuliacech marked this pull request as ready for review December 18, 2020 10:47
@yuliacech yuliacech requested a review from a team as a code owner December 18, 2020 10:47
@yuliacech yuliacech added Feature:Rollups release_note:fix Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v7.12.0 v8.0.0 labels Dec 18, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/es-ui (Team:Elasticsearch UI)

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

Copy link
Contributor

@pugnascotia pugnascotia left a comment

Choose a reason for hiding this comment

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

LGTM

@yuliacech
Copy link
Contributor Author

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

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

id before after diff
rollup 269.1KB 269.3KB +188.0B

Distributable file count

id before after diff
default 47297 48057 +760

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
esUiShared 278.2KB 278.2KB +31.0B

History

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

Copy link
Contributor

@cjcenizal cjcenizal left a comment

Choose a reason for hiding this comment

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

I haven't reviewed this but I'm rubberstamping it to remove the es-ui block. Thanks for reviewing, @pugnascotia !

@cjcenizal cjcenizal merged commit f7ace5e into elastic:master Dec 19, 2020
cjcenizal added a commit that referenced this pull request Dec 19, 2020
Co-authored-by: Yulia Čech <6585477+yuliacech@users.noreply.github.com>
gmmorris added a commit to gmmorris/kibana that referenced this pull request Dec 21, 2020
* master: (48 commits)
  Fix request with disabled aggregation (elastic#85696)
  [Security Solution][Detections][Threshold Rules] Threshold Rule Bug Fixes (elastic#84918)
  Removed a possibility to define two different names for Alert types on API and UI level. (elastic#86236)
  Bump Node.js from version 14.15.2 to 14.15.3 (elastic#86593)
  [index patterns] Fleep app - Keep saved object field list until field caps provides fields (elastic#85370)
  [Security Solutions] fix timeline tabs + layout (elastic#86581)
  Upgrade to hapi version 20 (elastic#85406)
  App Services: Remove remaining uiActions, expressions, data, embeddable circular dependencies. (elastic#82791)
  Rename chartLibrary setting to legacyChartsLibrary (elastic#86529)
  [CI] TeamCity updates (elastic#85843)
  [Maps] Use Json for mvt-tests (elastic#86492)
  [Rollup Jobs] Added autofocus to cron editor (elastic#86324)
  [Monitoring][Alerting] CCR read exceptions alert (elastic#85908)
  [CI] Bump memory for main CI workers (elastic#86541)
  Explicitly set Elasticsearch heap size during CI and local development (elastic#86513)
  [App Search] Updates to results on the documents view (elastic#86181)
  [Discover] Change default sort handling  (elastic#85561)
  [App Search] Convert DocumentCreationModal to DocumentCreationFlyout (elastic#86508)
  [App Search] Sample Engines should have access to the Crawler (elastic#86502)
  Fixed duplication of create new modal (elastic#86489)
  ...
@yuliacech yuliacech deleted the cron_focus branch February 24, 2021 13:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Rollups Project:Accessibility release_note:fix Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v7.12.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

(Accessibility) Having to tab backward about "Create cron expression" is confusing
5 participants