bug(list): font size changes on tap on iPhone in landscape mode #28802
Description
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
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.
RPReplay_Final1711902419.MP4
Reproduction
StackBlitz link: https://stackblitz.com/edit/components-issue-4vhrdm?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
- 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
- Angular: 17.3.2
- CDK/Material: 17.3.2
- Browser(s): Safari on iOS 17.4.1
- Operating System (e.g. Windows, macOS, Ubuntu): iOS