slackapi / slackapi/bolt-js

Multi static select dropdown wont open again after selecting an option

Open
#1,706 6 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

auto-triage-skip bug server-side-issue
Dominant language
TypeScript
Stars
2.9k
Forks
445
Avg merge
1d 3h
Merged PRs (30d)
28

Description

Description

Hello,

I am having an issue with the multi-select. Whenever I select any option from the menu (on desktop) the menus dropdown will not appear for me again to select a second option. This has caused some confusion for users as they know they need to select multiple items but can't access the dropdown again after the first selection. My workaround thus far has been to type in the option you're looking for and the dropdown will appear again and populate with search results. I have noticed if you click into another box and back into the multi-select it may or may not work, but it's definitely not as intended.

What type of issue is this? (place an x in one of the [ ])
  • [ x ] bug
  • enhancement (feature request)
  • question
  • documentation related
  • example code related
  • testing related
  • discussion
Requirements (place an x in each of the [ ])
  • [ x ] I've read and understood the Contributing guidelines and have done my best effort to follow them.
  • [ x ] I've read and agree to the Code of Conduct.
  • [ x ] I've searched for any related issues and avoided creating a duplicate issue.

Bug Report

Filling out the following details about bugs will help us solve your issue sooner.

Reproducible in:

package version: Slack/bolt 3.11.1

node version: 18.2.0

OS version(s): MacOS 13.0.1

Steps to reproduce:
  1. Make a multi-select with several options
  2. Select any option
  3. Menu/dropdown will not drop down after the first selection or if it does, it is finicky and won't stay open.
Expected result:

Drop down menu should continue to appear with every click of the box.

Actual result:

The drop down does not appear and the only way to select multiple items is to type them in.

Attachments:

Video: https://drive.google.com/file/d/13689zwlxYHxxPD_jhuWv07QuE1JF2FQI/view?usp=share_link

Contributor guide

Open the contributing guide

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

Reproduce the issue with Slack/Bolt 3.11.1 on Node 18.2.0 using a multi-select with several options, following the three listed steps. Compare repeated clicks after the first selection with the expected behavior that the dropdown remains available; use the attached video for the reported interaction details.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.