IOS browser position: fixed causes elements in the swiper to blink

[rick-liruixin]

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/rick-liruixin/body-scroll-lock-upgrade/tree/swiper/examples/react

Bug description

IOS browser position: fixed causes elements in the swiper to blink
When I use swiper, I use the css property position: fixed. My swiper is used in the page flow, but my page has a popup/dialog, when the popup/dialog pops up, I will disable page scrolling. I use position: fixed attribute, but I found position: fixed will cause swiper elements flashing, after investigation, there is no problem in the elements outside swiper, this situation occurs at the bottom of the page, after entering the page to scroll down a part of the distance to have such a situation, just enter the page can see the large elements will not have blinking problems. React components are not re-rendered.

Recurring website: https://www.alexandermcqueen.cn/categories/women/bags.html?page=2

Recurrence condition:

1. Open the link in any browser of IOS mobile /IPAD device, such as Safari and google.
   2, need to scroll down beyond the screen height distance.
   3, click "filter" will appear pop-up window, when opened and closed because of the use of position: fixed will cause swiper flash

The sample code warehouse: https://github.com/rick-liruixin/body-scroll-lock-upgrade/tree/swiper/examples/react

swiper.mp4

Expected Behavior

When swiper is used, the css property position: fixed, swiper does not blink

Actual Behavior

No response

Swiper version

11.0.6

Platform/Target and Browser Versions

iOS safari 17.1.1

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[nolimits4web]

It is issue with Safari, not with Swiper