angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.35k stars 6.74k forks source link

bug(list): font size changes on tap on iPhone in landscape mode #28802

Open karmasakshi opened 7 months ago

karmasakshi commented 7 months ago

Is this a regression?

The previous version in which this bug was not present was

14.2.7

Description

On iPhone 13 mini, when in landscape mode, tapping on list items change the font size of the item. This can be reproduced on the docs site (https://material.angular.io/components/list/examples#list-selection) and can be seen in versions after v14. I have verified this on Safari, Chrome and Firefox on iOS. I don't have access to other mobile devices right now, but I'll report once I do. I'm not able to reproduce this on Safari, Firefox or Chrome on desktop in responsive design mode.

https://github.com/angular/components/assets/4698762/bcb0986b-d3dd-40de-872c-6d20297c0745

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-4vhrdm?file=src%2Fapp%2Fexample-component.html Steps to reproduce:

  1. Add list component with items 2.Tap on one or more items

Expected Behavior

Font size should remain the same.

Actual Behavior

Font size increases after ripple.

Environment

karmasakshi commented 7 months ago

Verified reproducible on iPhone 14 Pro Max as well.