angular / angular/components

feat(BottomSheet): Allow custom container/overlay in which to render the bottom sheet

Open
#21,592 2 comments 7 reactions 0 assignees View on GitHub
area: cdk/overlay area: material/bottom-sheet feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Feature Description

Allow uses to customize where the bottom sheet is attached, other than the body.

#### Use Case

Single page web applications have many components, it would be nice to association the bottom sheet with specific components visually.

This is similar to https://github.com/angular/components/issues/7764. Both components define a viewContainerRef, however that does nothing in regards to bottom sheet placement with in the DOM.

Contributor guide

Open the contributing guide

Research direction

Start by reading the Angular Material bottom-sheet implementation and its handling of viewContainerRef, then compare the placement requirements with the linked Angular components issue. Done means applications can choose a custom container and overlay instead of always attaching the bottom sheet to the body.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.