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

fix(combobox): fix import path for some bundlers #11639

Merged
merged 3 commits into from
Mar 19, 2024

Conversation

m4olivei
Copy link
Contributor

Related Ticket(s)

Closes #11635

Description

Adds the file extension to the import path for lit/directives/if-defined.js to fix issues with some bundlers.

Changelog

Changed

  • Adds the file extension to the import path for lit/directives/if-defined.js to fix issues with some bundlers.

@m4olivei m4olivei added bug Something isn't working dev Needs some dev work package: carbon web components labels Mar 15, 2024
@m4olivei m4olivei requested a review from a team as a code owner March 15, 2024 16:11
@m4olivei m4olivei requested review from ariellalgilmore, annawen1 and jkaeser and removed request for a team March 15, 2024 16:11
m4olivei referenced this pull request Mar 15, 2024
### Related Ticket(s)

Closes #11268
[Jira ticket](https://jsw.ibm.com/browse/ADCMS-4401)

### Description

Fixes accessibility issues with Combo-box, and by extension Dropdown.

Used both React package (which uses [Downshift](https://www.downshift-js.com/)), and [ARIA APG](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) as references. Tested with VoiceOver on Mac OS.

### Testing

* Use both dropdown and combo-box components. Ensure there are no regressions for sighted users
* Using a screenreader, test both dropdown and combo-box components. Should work well. See [Select-Only Combobox Example](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/) and [Editable Combobox With List Autocomplete Example](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/) are great reference examples.
* Regression test the Multi select component (it extends the Dropdown component)

### Changelog

**Changed**

- Improved dropdown and combo-box accessibility.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Mar 15, 2024

@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Mar 15, 2024

@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Mar 15, 2024

@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Mar 15, 2024

Copy link
Member

@jkaeser jkaeser left a comment

Choose a reason for hiding this comment

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

👏

@kennylam kennylam added the Ready to merge Label for the pull requests that are ready to merge label Mar 19, 2024
@kodiakhq kodiakhq bot merged commit 5c491a0 into carbon-design-system:main Mar 19, 2024
13 of 14 checks passed
kennylam pushed a commit to kennylam/carbon-for-ibm-dotcom that referenced this pull request Mar 20, 2024
…m#11639)

Closes carbon-design-system#11635

Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers.

**Changed**

- Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
Copy link
Contributor

Hey there! This issue/pull request was referenced in recently released v2.6.0.

kennylam pushed a commit to kennylam/carbon-for-ibm-dotcom that referenced this pull request Jun 11, 2024
…m#11639)

### Related Ticket(s)

Closes carbon-design-system#11635

### Description

Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers.

### Changelog

**Changed**

- Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working dev Needs some dev work package: carbon web components Ready to merge Label for the pull requests that are ready to merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Combo-box]: Module not found error
5 participants