Merhaba,
Elimde bir obje dizisi var, kullanıcının seçimine bağlı güncelleniyor ve kullanıcı indir tuşuna basınca bu diziyi map ile div içerisinde paragraf olarak döndürüp jspdf ile pdf e dönüştürüp indirme işlemi gerçekleşiyor. Ama pdf sayfa düzeninde aşağıdaki gibi hata var, içerik sayfanın soluna döşeniyor. Aynı fonksiyonu kullanarak normal sadece bir paragraf yazdırmak istediğimde düzgün pdf düzeninde iniyor.
Sizce sorun nerede?

  const savePDF = () => {
    var htmlText = `<div style="color: purple; font-size:10px; width:100%; padding:10px">${downloadVerses
      .map((v) => {
        return `<p> ${v.desc}: ${v.verse}</p>`;
      })
      .join("")}</div>`;
    var htmlObj = document.createElement("div");
    htmlObj.innerHTML = htmlText;
    htmlObj.style.width = "100%";
    console.log(htmlObj); // bunun konsol çıkıtısı aşağıda

    var doc = new jsPDF("p", "pt", "a4");
    doc.html(htmlObj, {
      callback: function (doc) {
        doc.save(Date.now() + ".pdf");
      },
      x: 30,
      y: 30,
    });
  };