Open leomayer opened 1 year ago
This happens to me when I put a button as footer inside a dialog, there is always a y-scrollbar
What is the status of this issue? I have the same behavior.
I tried to set --mdc-icon-button-state-layer-size
to the right height but the touch-target
height stays to 48px.
This happens to me when I put a button as footer inside a dialog, there is always a y-scrollbar
Likewise :(
For now I've decided to unset the height using
:host .footer,
mat-dialog-actions {
::ng-deep span.mat-mdc-button-touch-target {
height: unset;
}
}
Pros: No scrollbar
Cons: Uses the hotly debated ng-deep. Slightly less accessible
This is still an issue in version 17.3!
Still an issue as well!
Is this a regression?
The previous version in which this bug was not present was
No response
Description
The
height
of thetouch-target
for buttons is fixed with48px
. If the corresponding button has the standard-height of48px
than this is fine. With reducing e.g. thedenisity
the48px
shrink to e.g.36px
. Therefore theheight
should ratherinherit
the height from the button instead of its own fixed height.The main problem is that the surrounding layout container calculates the height of the button as
36px
. The button don't fit into and anoverflow
appears.Reproduction
The provided sample container could be adjusted with the proper css attributes. Nevertheless the problem persists in some other configurations especially when the minimal height is calculated wrongly.
https://stackblitz.com/edit/nxq1bh?file=src/app/button-overview-example.css
Expected Behavior
Actual Behavior
Environment