RocketChat / RocketChat/fuselage

`AutoComplete`, `ToggleSwitch` : bugs, feature add

Open
#1,298 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

📦 fuselage
Dominant language
TypeScript
Stars
162
Forks
258
Avg merge
2d 23h
Merged PRs (30d)
24

Description

Description
Below are the issues and a basic transition add requested in the following components:

  • AutoComplete : Issue with Chip closing

  • AutoComplete : Dropdown menu not being at fixed position as scrolled through the screen

  • ToggleSwitch : Add toggling transition for better UX.

Steps to reproduce

  1. Run yarn storybook to open fuselage storybook
  2. Click on the respective stories of AutoComplete and ToggleSwitch
  3. Add chips in AutoComplete and click on the chip again.
  4. Also scroll through the screen while the dropdown is switched on.

Insert an image/gif/video

toggle-switch.webm

AutoComplete.webm

Contributor guide

No contributing guide indexed for this repository

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

Run yarn storybook and inspect the AutoComplete and ToggleSwitch stories. Reproduce the chip-closing and scrolling dropdown issues described in the steps; done means chips close correctly and the dropdown stays fixed while scrolling, while the ToggleSwitch transition is already marked complete.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.