Clickable Navigation Menu doesn't show Page Name on Pop Ubuntu
Author: randomsiloCreated May 9, 2026Updated May 9, 2026
Pencil: 3.1.1
Linux pop-os 6.17.9-76061709-generic Distributor ID: Pop Description: Pop!_OS 24.04 LTS Release: 24.04 Codename: noble node: v18.19.1 npm: 9.2.0
Moving imageWrapper.appendChild(name); outside buildThumbnail seems to fix it.
It could be failing to make the thumbnails and my fix isn't solving the real problem just making it slightly less brittle.
Thought I would share. I appreciate the tool.
function generateTOC() {
var toc = document.createElement("div");
toc.setAttribute("class", "TOC");
var pages = document.querySelectorAll("body > div.Page");
pages.forEach(function (page) {
var title = page.querySelector("h2");
var img = page.querySelector(".ImageContainer img");
var item = document.createElement("div");
var imageWrapper = document.createElement("a");
var itemImage = document.createElement("img");
item.classList.add("Page_" + page.id);
item.setAttribute("tabindex", 0);
item._name = title.textContent;
imageWrapper.setAttribute("href", "#" + page.id);
item.appendChild(imageWrapper);
var name = document.createElement("strong");
name.innerHTML = title.innerHTML;
toc.appendChild(item);
buildThumbnail(img.src, function (dataUrl, w, h) {
var r = Math.max(w / THUMB_DISPLAY_SIZE, h / THUMB_DISPLAY_SIZE);
var w = w / r, h = h / r;
imageWrapper.appendChild(itemImage);
itemImage.style.width = w + "px";
itemImage.style.height = h + "px";
itemImage.src = dataUrl;
});
imageWrapper.appendChild(name);
});Source: evolus/pencil