[Woo POS] Pulling to refresh with just placeholder row in portrait mode results in wider items view

[jaclync]

Describe the bug

In portrait mode (this issue isn't occurring in landscape mode), if there is only placeholder row while pulling-to-refresh, the items view becomes wider and then shrinks back to normal width after loading completes. This is reproducible for stores with few items in POS. This can happen to split view in landscape as well, even though we do not support split view in POS.

To Reproduce
Steps to reproduce the behavior:

• Switch to a store eligible for POS, and only has purchasable simple/variable products < 1 page like 1-2
• Go to Menu > Point of Sale mode
• Rotate to portrait orientation or enter split view with another app in landscape
• After the initial items are loaded, pull to refresh --> notice that the items view width becomes wider, and shrinks back to normal width after loading

Screenshots

Simulator.Screen.Recording.-.iPad.Pro.11-inch.M4.-.2024-12-20.at.09.53.39.mp4

Expected behavior
A clear and concise description of what you expected to happen.

Isolating the problem (mark completed items with an [x]):

• I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
• This bug happens with a default WordPress theme active, or Storefront.
• I can reproduce this bug consistently using the steps above.

Mobile Environment
Please include:

• Device: iPad Pro 11 in, iPad mini
• iOS version: iOS 18.0, iOS 18.1
• WooCommerce iOS version: 21.3

[dangermattic]

Thanks for reporting! 👍