Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

fix(combobox): add support for external tooltip elements #3930

Merged
merged 4 commits into from
Jan 9, 2024

Conversation

Westbrook
Copy link
Contributor

Description

Allow an <sp-tooltip> to be addressed to the tooltip slot of an <sp-combobox>.

It doesn't look 100% accessible at current, but we'll revisit that aspect in the a11y audit coming up for this element.

How has this been tested?

  • Test case 1
    1. Go here
    2. Hover in and out of the Combobox
    3. See the Tooltip open/close

Types of changes

  • New feature (non-breaking change which adds functionality)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

Copy link

github-actions bot commented Jan 9, 2024

Tachometer results

Chrome

action-bar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 487 kB 92.98ms - 96.98ms - unsure 🔍
-2% - +3%
-1.64ms - +2.71ms
branch 481 kB 93.60ms - 95.29ms unsure 🔍
-3% - +2%
-2.71ms - +1.64ms
-

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 636 kB 186.17ms - 189.98ms - unsure 🔍
-2% - +1%
-3.10ms - +2.82ms
branch 642 kB 185.95ms - 190.48ms unsure 🔍
-2% - +2%
-2.82ms - +3.10ms
-
Firefox

action-bar permalink

Version Bytes Avg Time vs remote vs branch
npm latest 487 kB 175.89ms - 182.55ms - unsure 🔍
-0% - +5%
-0.31ms - +8.67ms
branch 481 kB 172.02ms - 178.06ms unsure 🔍
-5% - +0%
-8.67ms - +0.31ms
-

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 636 kB 331.24ms - 343.28ms - unsure 🔍
-1% - +3%
-3.90ms - +10.74ms
branch 642 kB 329.68ms - 338.00ms unsure 🔍
-3% - +1%
-10.74ms - +3.90ms
-

Copy link
Collaborator

@najikahalsema najikahalsema left a comment

Choose a reason for hiding this comment

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

Yay! Looks great!

@najikahalsema najikahalsema merged commit 5e2f2aa into combobox Jan 9, 2024
46 checks passed
@najikahalsema najikahalsema deleted the combobox-tooltip branch January 9, 2024 23:53
Westbrook pushed a commit that referenced this pull request Jan 11, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
Westbrook pushed a commit that referenced this pull request Jan 18, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
najikahalsema pushed a commit that referenced this pull request Jan 18, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
najikahalsema pushed a commit that referenced this pull request Jan 19, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
Westbrook pushed a commit that referenced this pull request Jan 25, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
Westbrook pushed a commit that referenced this pull request Jan 31, 2024
* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs
Westbrook pushed a commit that referenced this pull request Feb 2, 2024
* feat(combobox): begin working branch for combobox additions

* feat(combobox): add size attribute (#3887)

* feat(combobox): wip

* chore: update sizes and stories

* chore: add isoverlayopen decorator to stories

---------

Co-authored-by: Westbrook Johnson <westbrook.johnson@gmail.com>
Co-authored-by: Najika Yoo <naj.halsema@gmail.com>

* chore: add benchmark test for lightdom combobox (#3898)

* chore: add benchmark test for lightdom combobox

* chore: add object version of benchmark test

* chore: rename files

---------

Co-authored-by: Najika Yoo <naj.halsema@gmail.com>

* test(combobox): update data management tests for current API

* test(combobox): get more tests passing and skip tests that will be visited in future work (#3919)

* test(combobox): get more tests passing and skip tests that will be visited in future work

* ci: update golden images cache

* test(combobox): ignore Combobox Item code

* chore(combobox): cleanup unused code (#3922)

* chore(combobox): cleanup unused code

* ci: update golden images cache

* fix(combobox): add support for external tooltip elements (#3930)

* fix(combobox): add support for external tooltip elements

* chore(combobox): remove unused code paths

* ci: update golden images cache

* docs(combobox): include slot present in API docs

* fix(combobox): allow intern Menu to hold a selection when autocomplete === "none" (#3951)

* test(combobox): add accessibility tests (#3953)

* chore: add labels to combobox input

* chore: get tests passing

* test(combobox): get a11y tests passing

* chore: remove unused positionlistbox method

* test: get tests passing, change spelling of activeDescendant

* chore: missed some descendents

* chore: add help text demo and test

* ci: update hash

* chore: address review comments

* chore: abstract shared data to index files

* test(combobox): update tests and stories to use legible data

* ci: update hash

* chore: label menu and rename stories

* ci: update hash

---------

Co-authored-by: Najika Yoo <naj.halsema@gmail.com>

* test(combobox): fulfil accessibility contract (#3974)

* chore: add tooltip to ariadescribedby

* test(combobox): add a11y test for tooltip

---------

Co-authored-by: Najika Yoo <naj.halsema@gmail.com>

* chore(bundle): include combobox

* chore(combobox): clean up property availability and types

* chore(combobox): clean up property availability and type

* refactor(combobox): update ComboboxOption type

* ci: update golden images cache

* refactor(combobox): simplify typing and correct query location when moving items into viewport

* docs: use human useful content in stories

* ci: update golden images cache

* refactor(combobox): default "autocomplete" to "none"

* docs: correct story configuration

* docs(combobox): create initial documentation

* docs(combobox): apply docs feedback

* docs(combobox): use only working examples in live mode

* fix(combobox): maintain focus on input element when toggling menu

* docs(combobox): improve clarity

* ci: update golden images cache

* docs(combobox): add story demonstrating controlled-component usage (#3988)

* docs(combobox): add story demonstrating controlled-component usage

* Update packages/combobox/stories/combobox.stories.ts

Co-authored-by: Westbrook Johnson <wesjohns@adobe.com>

---------

Co-authored-by: Westbrook Johnson <wesjohns@adobe.com>

* fix(combobox): add support for "readonly" and "disabled"

* docs(textfield): expand on attribute/property descriptions

* fix(combobox): add support for "readonly" and "disabled"

* ci: update golden images cache

* fix(textfield): prevent outline on :focus-visible elements that are disabled

* fix(combobox): correct value to itemText interchange when something is "selected" (#3994)

---------

Co-authored-by: Najika Halsema Yoo <44980010+najikahalsema@users.noreply.github.com>
Co-authored-by: Najika Yoo <naj.halsema@gmail.com>
Co-authored-by: Hunter Loftis <hunter@hunterloftis.com>
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants