Html2canvas перекрывает один элемент другим в мобильном представлении ⇐ CSS

[Anonymous]

Я пытаюсь сохранить PNG определенного div. в области просмотра ноутбука/ПК он работает правильно, и я получаю желаемый результат, изображение ниже


на телефоне я получаю что-то вроде этого


это код, который я использую для создания png и загрузки

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

  const handleDownload = () => {
html2canvas(qrContainerRef.current).then((canvas) => {
const link = document.createElement("a");
link.download = "qr-code.png";
link.href = canvas.toDataURL("image/png");
link.click();
});

};
вы можете просмотреть всю кодовую базу replit здесь
вы можете использовать функцию URL-адреса разработчика replit для тестирования на мобильных телефонахПожалуйста, помогите мне

Подробнее здесь: https://stackoverflow.com/questions/786 ... obile-view