Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug(mat-button-toggle): mat-button-toggle is 2px too tall #30405

Open
1 task
HMPerson1 opened this issue Jan 28, 2025 · 0 comments
Open
1 task

bug(mat-button-toggle): mat-button-toggle is 2px too tall #30405

HMPerson1 opened this issue Jan 28, 2025 · 0 comments
Labels
area: material/button-toggle P4 A relatively minor issue that is not relevant to core functions

Comments

@HMPerson1
Copy link

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

A mat-button-toggle is 2px taller than a mat-stroked-button despite both --mat-standard-button-toggle-height and --mdc-outlined-button-container-height both defaulting to 40px.

Image
(this screenshot is at 2x zoom; each grid square is 2px)

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-starter-bqkpddq3?file=src%2Fmain.ts

Expected Behavior

mat-stroked-button and mat-button-toggle have the same height

Actual Behavior

mat-button-toggle is 2px taller than mat-stroked-button

Environment

> ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 18.2.8
Node: 18.20.3
Package Manager: npm 10.2.3
OS: linux x64

Angular: 18.2.8
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1802.9
@angular-devkit/build-angular   18.2.9
@angular-devkit/core            18.2.9
@angular-devkit/schematics      18.2.8
@schematics/angular             18.2.8
rxjs                            7.8.1
typescript                      5.5.4
zone.js                         0.14.10
@HMPerson1 HMPerson1 added the needs triage This issue needs to be triaged by the team label Jan 28, 2025
@wagnermaciel wagnermaciel added P4 A relatively minor issue that is not relevant to core functions area: material/button-toggle and removed needs triage This issue needs to be triaged by the team labels Jan 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/button-toggle P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

No branches or pull requests

2 participants