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.

Sign up for GitHub

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

Jump to bottom

Autocomplete with Multiselect #2446

Open
enowak1031 opened this issue Apr 16, 2024 · 4 comments · May be fixed by #3180
Open

Autocomplete with Multiselect #2446

enowak1031 opened this issue Apr 16, 2024 · 4 comments · May be fixed by #3180
Assignees
@prashanthr6383
Labels
modus-autocomplete

Comments

@enowak1031
Copy link

enowak1031 commented Apr 16, 2024 •
edited
Loading

If this is a multliselect autocomplete: show chips ABOVE the input field (not inside). When chips are created, and the field is reopened, the first selection in alphabetical order should be visible as the second from the bottom (unless it's the first one in the list or the last one in the list).
@enowak1031 enowak1031 converted this from a draft issue Apr 16, 2024
@enowak1031 enowak1031 mentioned this issue Apr 16, 2024
Closed
@cjwinsor cjwinsor moved this from In Review to In UX in Modus Web Components Jun 14, 2024
@cjwinsor
Copy link
Contributor

cjwinsor commented Jul 2, 2024 •
edited
Loading

Do we make this configurable, such that the table could still have it inside? (#2669) Or do we need to account for tables separately? Would be good to have updated figma to show the design/spacing once the chips are moved.

@mitch-trimble
Copy link
Collaborator

Designs:
https://www.figma.com/design/wyfVJUHWRMkeCfdB38HFEE/Modus---Web?node-id=48550-101347&t=Vzah26EJaaS539l8-4

Workflow:
https://www.figma.com/design/wyfVJUHWRMkeCfdB38HFEE/Modus---Web?node-id=40560-30944&t=Vzah26EJaaS539l8-4

@mitch-trimble mitch-trimble moved this from In UX to Refinement in Modus Web Components Sep 25, 2024
@prashanth-offcl prashanth-offcl self-assigned this Oct 1, 2024
@prashanth-offcl
Copy link
Contributor

Identify the gaps with the Figma designs

@prashanth-offcl
Copy link
Contributor

prashanth-offcl commented Oct 22, 2024 •
edited by prashanthr6383
Loading

The tasks can be split into multiple issues as required

  • Implement clear icon
  • Allow user to delete a chip using tab and delete
  • Keep dropdown open in multi select mode (also applicable for selection via keyboard)
  • Search text highlighting

@prashanth-offcl prashanth-offcl moved this from Refinement to To Do in Modus Web Components Oct 22, 2024
@prashanth-offcl prashanth-offcl removed their assignment Oct 24, 2024
@prashanthr6383 prashanthr6383 self-assigned this Feb 18, 2025
@prashanthr6383 prashanthr6383 linked a pull request Feb 19, 2025 that will close this issue
Draft
13 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@prashanthr6383 prashanthr6383

Labels
modus-autocomplete
Projects
Modus Web Components
Status: To Do
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Autocomplete: search text highlight feature trimble-oss/modus-web-components
5 participants
@cjwinsor @enowak1031 @prashanth-offcl @prashanthr6383 @mitch-trimble