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.

Sign up for GitHub

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

Jump to bottom

bug(mat-dialog): Vertical scrollbar appears but not moved on mouse wheel (for some screen resolutions) #26760

Open
1 task
MohamedHamouGisaia opened this issue Mar 9, 2023 · 0 comments
Open
1 task

bug(mat-dialog): Vertical scrollbar appears but not moved on mouse wheel (for some screen resolutions) #26760

MohamedHamouGisaia opened this issue Mar 9, 2023 · 0 comments
Labels
area: material/dialog P5 The team acknowledges the request but does not plan to address it, it remains open for discussion

Comments

@MohamedHamouGisaia
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

I open a modal using a MatDialog

In the mat-dialog-content I create as many elements as needed to display a vertical scrollbar (reference Stackblitz).

The scrollbar appears but wheeling my mouse doesn't trigger the scrollbar to move.

This happens for some resolutions like this one :
In the screenshot below, a screen of 2560 x 1600 is simulated

image

Reproduction

Steps to reproduce: StackBlitz link

  1. Open a mat-dialog
  2. With the device toolbar (in chrome)
    image
  3. create a custom device with the following info
    image
  4. The dialog appears with a scrollbar that we cannot scroll
    image

Expected Behavior

To be able to move the scrollbar on mouse wheel

Actual Behavior

The mouse wheel doesn't trigger the scrollbar to move

Environment

  • Angular: ~15.0.0
  • CDK/Material: 15.2.2
  • Browser(s): Google Chrome Version 110.0.5481.177 (Build officiel) (arm64)
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS
@MohamedHamouGisaia MohamedHamouGisaia added the needs triage This issue needs to be triaged by the team label Mar 9, 2023
@wagnermaciel wagnermaciel added P5 The team acknowledges the request but does not plan to address it, it remains open for discussion area: material/dialog and removed needs triage This issue needs to be triaged by the team labels Mar 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/dialog P5 The team acknowledges the request but does not plan to address it, it remains open for discussion
2 participants
@wagnermaciel @MohamedHamouGisaia