Motion (Framer Motion V12) Анимация отстает на iPhone 15 Pro Max Safari & Mac Safari (Next.js App) ⇐ Javascript

[Anonymous]

Описание проблемы < /strong>

Я работаю над проектом Next.js 15.3.4 с использованием пакета Motion < /code> (Framer Motion v12.19.2). Определенные анимации чрезвычайно отстают и медленно загружают на устройствах iPhone, работающих на iOS Safari/Chrome (протестировано на iPhone 15 Pro Max и iPhone 14) , а также на Mac Safari. плавное. (упрощено)

Код: Выделить всё

'use client'
import { motion } from 'motion/react'
import Image from 'next/image'
import type { Variants } from 'framer-motion'
import { cn } from '@/shared/lib/css'

// (all 'Variants' definitions: textAnim, lightAnim, wordAnim, moduleAnim) ...

const HomeIntro = () => (






Wealth Creation System



{/* some spans */}



{/* Several motion.spans with wordAnim */}


{/* paragraphs */}



)

export { HomeIntro }
< /code>
[b] попытки отладки /что я попробовал < /strong> < /p>

[*]  Упрощенная страница только к одному анимированному компоненту - улучшил немного, но отставание все еще сохраняется.

)-незначительное воздействие.

[*] Удал или скорректированное Chill-change , transtatez (0) -помогает лишь немного.

[*] Помогает движению (v12) с более старым движением. />
заметил: моя пользовательская анимация меню Burger Menu (использование Transition + transform: translatex ) также вообще не появляется [/b] на основной странице - без анимации - но отлично работает на других страницах. очень ценится!

Подробнее здесь: https://stackoverflow.com/questions/797 ... safari-mac