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

feat(chips-combobox): add component #2062

Merged
merged 3 commits into from
Jan 23, 2024
Merged

feat(chips-combobox): add component #2062

merged 3 commits into from
Jan 23, 2024

Conversation

LuLaValva
Copy link
Member

Description

  • Add chips-combobox component
  • Some modifications needed to be made to chips and combobox, but none are breaking
  • Right now the only behavior allows any string to be included as a chip regardless of whether it's an autofill option

Screenshots

image

Copy link
Contributor

@agliga agliga left a comment

Choose a reason for hiding this comment

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

LGTM overall I think. Couple of minor comments but I think its good to go

Comment on lines +9 to +21
interface ChipsComboboxInput extends Omit<Marko.Input<"input">, `on${string}`> {
expanded?: boolean;
fluid?: boolean;
error?: boolean;
"list-selection"?: "manual" | "automatic";
options: string[];
selected?: string[];
roledescription?: AttrString;
"a11y-delete-button"?: AttrString;
"on-expand"?: () => void;
"on-collapse"?: () => void;
"on-change"?: (event: ChipsComboboxEvent) => void;
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Lets put this in index.marko like we had discussed with Dylan.

</ul>
</if>
<ebay-combobox
class=["chips-combobox__combobox", inputClass]
Copy link
Contributor

Choose a reason for hiding this comment

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

Generally we want to put the extra classes on the root. The reason is sometimes users might want to be able to use those classes as selectors.

@@ -9,8 +9,8 @@
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"incremental": true,
"lib": ["dom"],
"module": "commonjs",
"lib": ["dom", "ESNext"],
Copy link
Contributor

Choose a reason for hiding this comment

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

Lets push this change directly to master or to 13.1.0. Lets not have it part of this PR

Copy link
Contributor

@ArtBlue ArtBlue left a comment

Choose a reason for hiding this comment

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

Nice work! The code itself looks good.

There appear to be a11y violations. Some, for example, the first two about forms may not be legitimate, but others likely are.

@ianmcburnie, @saiponnada , thoughts?

Maybe we missed a couple of these in Skin?

image

@agliga
Copy link
Contributor

agliga commented Jan 19, 2024

Nice work! The code itself looks good.

There appear to be a11y violations. Some, for example, the first two about forms may not be legitimate, but others likely are.

@ianmcburnie, @saiponnada , thoughts?

Maybe we missed a couple of these in Skin?

image

For isolated view this should be fine
We might need an example which has a label.

Copy link
Contributor

@ArtBlue ArtBlue left a comment

Choose a reason for hiding this comment

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

It looks like combobox has the same issues marked as "violations." If we determine, these are issues, we can fix them together at some later point.

The rest looks good.

@agliga agliga merged commit 71d1806 into 13.1.0 Jan 23, 2024
1 check passed
@agliga agliga deleted the 2005-input-chips branch March 22, 2024 16:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants