Skip to content

bug(mat-mdc-slider): Thumb doesn't position properly when inside cdk-overlay (but track does) #25286

@tomasdev

Description

@tomasdev

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

https://stackblitz.com/edit/angular-us2jqe-p5u8cl?file=src%2Fapp%2Fslider-overview-example.html,src%2Fapp%2Fslider-overview-example.ts

The thumb is not correctly positioned when the mat-slider is inside a menu. However, the track is.

Reproduction

Steps to reproduce:

  1. Have a mat-mdc-slider inside a mat-menu
  2. Open the menu

Expected Behavior

Both the track position / width and the thumb position are properly calculated.

Actual Behavior

Observe how the track position / width is properly calculated but the thumb is stuck at the left edge.

Environment

  • Angular: 13
  • CDK/Material: 13
  • Browser(s): All
  • Operating System (e.g. Windows, macOS, Ubuntu): All

Metadata

Metadata

Assignees

Labels

GThis is is related to a Google internal issueP3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/slider

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions