Skip to content

bug(MAT-SELECT): Arrow not centered on density smaller than -1 #26757

Closed
@Gunyon

Description

@Gunyon

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

mat-select with appearance="fill" the arrow is not positioned correctly on density -2 and -3 probably because label is not shown for these densities

https://stackblitz.com/edit/angular-vhd2sd?file=src%2Fmain.ts,src%2Fglobal_styles.scss

Reproduction

Steps to reproduce:

  1. Open stackblitz
  2. Change density to -2 or -3

Expected Behavior

Arrow should be centered

Actual Behavior

Arrow is above center

Environment

  • Angular: "@angular/core": "^15.1.2"
  • CDK/Material: "@angular/cdk": "15.2.2"
  • Browser(s): Version 110.0.5481.177 (Official Build) (64-bit)
  • Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu 22.04.2 LTS

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/select

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions