angular / angular/components

how to keep autocomplete panel open when click outside the panel without select option?

Open
#15,899 9 comments 4 reactions 0 assignees View on GitHub
area: material/autocomplete feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
this is a feature request

#### What is the expected behavior?
i want to keep autocomplete panel open when click outside the panel without select an option

#### What is the current behavior?
the panel is closed when click outside

#### What are the steps to reproduce?
https://stackblitz.com/angular/ynbmnnrjolq

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
i work with angular 7.x

#### Is there anything else we should know?

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction and its Angular 7.x autocomplete setup. Trace the behavior that closes the panel after an outside click, then define the change so the panel remains open when no option is selected. Done means the reproduced interaction keeps the panel open without selecting an option.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
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.