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

Is this a regression?

[X] 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.

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:

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

angular / components