Кнопка Quick-Look AR исчезает на iOS при использовании google model viewer + svelte components

Question

Проблема, с которой я столкнулся, заключается в том, что всякий раз, когда я пытаюсь использовать какие-либо изящные компоненты или специальные атрибуты html, кнопка быстрого просмотра AR не отображается в средстве просмотра моделей Google на iOS.

Я знаю, что это довольно специфично, но я хочу создать проект AR с обоими из них, и если я не смогу использовать компоненты, Svelte мало что сделает для меня (а я любил писать код на стройном языке). !)

например, этот фрагмент кода работает (кнопка быстрого просмотра появляется на iOS)

      <div id="viewer-page">
    <div id="back" onclick="onBackClicked()">Back</div>
    <model-viewer
        id="model-viewer"
        shadow-intensity="1"
        ar
        ar-modes="webxr scene-viewer quick-look"
        ar-scale="auto"
        camera-controls
        alt="A 3D model carousel"
        quick-look-browsers="safari chrome"
    />
</div>

Но как только я даже добавляю несвязанный компонент вверх / вниз / или на том же уровне иерархии, что и средство просмотра модели, кнопка быстрого просмотра больше не появляется в iOS (см. Ниже, добавлен компонент шаблона, который не взаимодействует с просмотрщик моделей)

      <div id="viewer-page">
    <div id="back" onclick="onBackClicked()">Back</div>
    <model-viewer
        id="model-viewer"
        shadow-intensity="1"
        ar
        ar-modes="webxr scene-viewer quick-look"
        ar-scale="auto"
        camera-controls
        alt="A 3D model carousel"
        quick-look-browsers="safari chrome"
    />
    <Template />
</div>

Я пробовал так много разных комбинаций, стройный условный html тоже ломает его, стройные модификаторы событий, атрибуты и т. Д.

Я знаю, что это довольно специфично, но я надеялся, что кто-то, более знакомый с тем, что происходит под капотом с svelte, может дать мне некоторое представление, похоже, что это портит, когда ему нужно анализировать конкретную svelte разметку в html.

Спасибо!