Hi. I will show you with images. I was getting this error before the last update. After installing the update I keep getting this error. (Güncel - Current) [Ekran görüntüsü 2024-05-03 153512] And I removed all the code from the site and tried again, I still get the error. [mistake] Translate Mistake Something went wrong.

I would highly recommend you to not going that path. It’s like applying a band-aid to a side effect instead of fixing the root cause of the issue. You will create more problems with it (like your latest topic because of the above code) You can make your JS a little more discourse friendly (the best way is still using plugin outlet when you can). Here an example. It uses the API on page change, runs code on specific route, and copy the HTML before the link (so you can click on the tag): JS const { next } = require("@ember/runloop"); function moveTags() { const mainLinks = document.querySelectorAll(".main-link:not(.tags-moved)"); mainLinks.forEach((mainLink) => { const discourseTags = mainLink.querySelector(".discourse-tags"); const titleElement = mainLink.querySelector("a[data-topic-id]"); if (discourseTags && titleElement) { titleElement.insertAdjacentHTML("beforebegin", discourseTags.outerHTML); mainLink.classList.add('tags-moved'); } }); } api.registerModelTransformer("topic", async (topics) => { next(() => { moveTags(); }) }); api.onPageChange((url) => { if (url.startsWith("/categories")) { moveTags(); } }); CSS .top-row, .link-top-line { .discourse-tag { font-size: var(--font-down-2) !important; padding: 2px 8px; margin: 2px 5px 2px -6px; border-radius: 10px; border: 1px solid #444460; background-color: #1f1f33; } .discourse-tag::after { content: '' !important; margin-left: 0 !important; } } .bottom-row, .link-bottom-line { .discourse-tags { display: none; } }

Safe Mode is active and there is no error visible on the logs page. Maybe I don’t understand. Last logs. [Ekran görüntüsü 2024-05-03 154929] I tried turning off safe mode. Still I’m getting the same error. By the way, when I click on it for the second time, the error disappears and the home page appears.

[image] I can see some errors when the theme components are loaded and the plugins are unloaded. You might take a look at your recent customizations.

[image] Arkshine: I can see some errors when the plugins are loaded (TC alone seems fine), but I can’t figure out the origin. What plugins did you install? Thank you for your interest. Last plugin : GIF All plugins [Ekran görüntüsü 2024-05-03 155737] [Ekran görüntüsü 2024-05-03 155903]

Do you have any JS customizations outside the remote components? I would try to disable all the components and enable them one by one until the error happens.

[image] Arkshine: You might take a look at your recent customizations. function moveTagsToTitle() { const mainLinks = document.querySelectorAll('.main-link'); mainLinks.forEach(mainLink => { const discourseTags = mainLink.querySelector('.discourse-tags'); const titleElement = mainLink.querySelector('.title'); if (discourseTags && titleElement) { const tags = discourseTags.querySelectorAll('.discourse-tag'); tags.forEach(tag => { const tagSpan = document.createElement('span'); tagSpan.className = 'discourse-tag box'; tagSpan.textContent = tag.textContent; tagSpan.style.fontSize = 'var(--font-down-2)'; tagSpan.style.borderRadius = '10px'; tagSpan.style.border = '1px solid #444460'; tagSpan.style.backgroundColor = '#1f1f33'; tagSpan.style.margin = '2px'; tagSpan.style.display = 'inline-block'; tagSpan.style.overflow = 'hidden'; tagSpan.style.whiteSpace = 'nowrap'; tagSpan.style.textOverflow = 'ellipsis'; tagSpan.style.verticalAlign = 'middle'; tagSpan.style.marginRight = '5px'; tagSpan.style.marginLeft = '-6px'; titleElement.insertBefore(tagSpan, titleElement.firstChild); }); if (discourseTags.parentNode) { discourseTags.parentNode.removeChild(discourseTags); } } }); const topicHeaderExtras = document.querySelectorAll('.topic-header-extra'); topicHeaderExtras.forEach(topicHeaderExtra => { const discourseTags = topicHeaderExtra.querySelector('.discourse-tags'); const tags = discourseTags.querySelectorAll('.discourse-tag'); tags.forEach(tag => { tag.className = 'discourse-tag box'; tag.style.borderRadius = '10px'; tag.style.border = '1px solid #444460'; tag.style.backgroundColor = '#1f1f33'; tag.style.margin = '1px'; tag.style.padding = '2px 8px'; tag.style.display = 'inline-block'; tag.style.overflow = 'hidden'; tag.style.whiteSpace = 'nowrap'; tag.style.textOverflow = 'ellipsis'; tag.style.verticalAlign = 'middle'; tag.style.marginRight = '5px'; tag.style.marginBottom = '5px'; }); }); } window.addEventListener('load', moveTagsToTitle); const observer = new MutationObserver(moveTagsToTitle); const targetNode = document.body; const observerOptions = { childList: true, subtree: true }; observer.observe(targetNode, observerOptions); These codes cause this error. I don’t know how can I fix. I need these codes :frowning:

You’re moving elements containing Emberjs components (here is the tags list), which I think likely disrupts the component’s lifecycle. Your best bet here is to use the API. In your case, either: Using plugin outlets as I showed in your last topic. However since it doesn’t exist for the latest topics on the category page, you will need to request it. Overwrite the template. This is not a good solution for compatibility reasons, but it can be an immediate alternative.

I found these codes. This isn’t what I wanted, but it will do for now. var pElement = document.getElementById('site-logo').parentNode; //var pElement = document.createElement('a'); //pElement.innerHTML = aElement.innerHTML; //aElement.replaceWith(pElement); pElement.href = '#'; pElement.style.cursor = 'pointer'; pElement.onclick = function() { window.location.href = '/'; }; //document.getElementById('site-logo').parentNode.href = '/'; If anyone can help, I’m waiting. Thank you :pray:

Hi @Arkshine Changing the logo link did not help, I deleted these codes. But there is no other way. I need to position the tags like this. https://pvpfarm.com If I pay someone, can they write decent codes that work? And where do you find these codes? (JS) From GitHub - discourse/discourse: A platform for community discussion. Free, open, simple. · GitHub ?

[image] ogulcan1787: If I pay someone, can they write decent codes that work? You can create a topic in #marketplace if you need/want some paid assistance. :+1:

[image] ogulcan1787: But there is no other way. I need to position the tags like this. I gave the code for that in #11.

Error when clicking on the homepage logo

Development

Arkshine May 12, 2024, 5:16pm 21

@ogulcan1787 I’ve updated the code above.

Topic		Replies	Views
Trying to access /tags gives an error due to keyword conflict Bug	5	797	August 16, 2020
Vague error from clicking on a tag link on this site Bug	5	2276	May 2, 2016
Tagging plugin bug Bug	2	1380	May 2, 2016
Tags - broken after latest update Bug	1	1405	April 30, 2016
Discourse更新后，主页排版混乱 Bug tag-icons	16	521	January 28, 2026

Error when clicking on the homepage logo

Related topics