tensorflow / tensorflow/tensorboard

`ng_tensorboard` plugin selector not keyboard-accessible

Open
#3,857 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

core:frontend
Dominant language
TypeScript
Stars
7.2k
Forks
1.7k
Avg merge
4d 22h
Merged PRs (30d)
1

Description

Repro (Chrome 84 and Firefox 68esr, 2.3.0a20200720):

  1. Visit localhost:6060 on a directory with data for at least two
    plugins: say, scalars and images.
  2. Press Tab. The “scalars” plugin should be focused in the navbar.
  3. Press RightArrow. The “images” plugin should be focused in the
    navbar.
  4. Press Space or Enter.

Expected behavior: The images plugin is selected.

Actual behavior: The navbar updates styling (white underline) to
indicate that the images plugin has been selected, but actually nothing
happens:

Screenshot of images plugin “selected” but scalars actually showing

Maybe due to literal (click) listener?

https://github.com/tensorflow/tensorboard/blob/cfa9ca438753b5c1ed70703fa683a5b760928bed/tensorboard/webapp/header/plugin_selector_component.ng.html#L27-L33

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open tensorboard/webapp/header/plugin_selector_component.ng.html around lines 27-33, then reproduce the issue in Chrome or Firefox with scalars and images data available. Verify that tabbing to the plugin selector, moving with RightArrow, and pressing Space or Enter actually selects the focused plugin rather than only changing its styling.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.