Bug reports

Posted 2 months, 7 days ago (Edited 2 months, 5 days ago) by circlejourney

A brand new bug report thread - report your bugs here! After several months of missing forum posts because I wasn't getting notifications, I figured I'd create this. Check below to see if your bug is described and try the fixes (if applicable). If that doesn't resolve the issue, then feel free to post a bug report below and I can give you personalised help! This can also help me with identifying and fixing bugs.


Bug report form

  • Operating system and browser:
  • Description of the bug:
  • Link to code that made the bug appear (if available):
  • Screen captures (if available):

Common bugs and how to fix them

Stuck on loading screen

Description: You're stuck on the loading screen with the spinny wheel. The load screen doesn't disappear. This can happen for several reasons:

  • Your browser, adblocker or VPN is blocking JavaScript on the page, preventing the site from functioning.
  • The browser is storing a cached (outdated) version of the code (possibly because I forgot to do proper cache busting, my bad), and mismatches in code files are causing errors.
  • Your custom code is causing Ace Editor to crash (e.g. having HTML tags inside an HTML comment confuses Ace Editor's code parser). I intend to change how this works in a future update.

Fix: To isolate the cause, check if the site loads fine in incognito/private browsing. If it is also broken in incognito, it is probably an issue with your browser, firewall or VPN blocking JavaScript: see if turning that off makes it load. If it's OK in incognito, and you have an adblocker extension, turn that off and see if that fixes it.

If you're sure the above things are not the cause, go to the code editor and hit Ctrl+Shift+R or Cmd+Shift+R. This will force the browser to download any new code files to replace cached versions.

If the problem still persists and you're sure the code is causing the problem, click the hard reset link on the loading screen, which should download your code into files and clear the code panels.

CSS that works on Toyhouse is broken on code editor

Description: After pasting CSS from Toyhouse into the code editor's CSS area, there are no visible changes in the preview, or it doesn't show up as expected. This is almost always because the CSS code is trying to import a stylesheet from a private Toyhouse URL that this code editor can't see. Check for a line that looks like @import 'some/characters/here'.

Fix: Toyhouse import rules are intentionally designed to prevent theft of CSS sheets. One workaround is to fetch the CSS from the TH profile's page source, but please do not do this without permission from the creator of the CSS.

HTML that works on Toyhouse is broken on code editor

Description: The theme looks fine on Toyhouse but on the code editor it "explodes" and things are in the wrong places. This usually happens because of missing closing tags (e.g. a <li> doesn't have a matching </li>). This happens because Toyhouse applies some back-end processing to your code after you post it to close some tags for you, but my code editor doesn't have that functionality.

Fix: Look for missing closing tags. Some of Ace editor's tools can be useful for that—clicking the little down arrow next to a start tag will cause the entire element to collapse, if you have properly closed it. If Ace can't find a matching closing tag, the element will fail to collapse.

HTML that works on code editor is broken on Toyhouse

Description: The code looks and interacts just fine on the editor, but on Toyhouse, certain elements look broken (usually split up in weird ways), or interactive elements don't function as expected when clicked. This happens because Toyhouse applies some back-end processing to your code after you post it (presumably related to the HTML/CSS blacklist). It has some particularities like not liking <div> tags inside <a> tags, and only supporting interactivity with <a> and <button> tags.

Fix: Check if you have any <div> tags inside <a> tags or are trying to use a <div> tag as an interactive element (these 2 situations are the most common). Generally, check if you have any block elements (like div) inside inline elements (like a or span

Cursor is visually displaced from actual typing input

Description: Your cursor is one place, but when you type, the text appears somewhere else. Sometimes mouse interactions are also displaced. This is a visual glitch caused by Ace Editor's rendering, usually occurring when the editor is resized.

Fix: Refreshing the page will usually fix this.

Import widget says that import is not allowed (even after adding "allow-thcj-import" line)

Description: Even after adding the "allow-thcj-import" line, attempting to import the code from Toyhouse leads to the same error message stating that import is not authorised. Usually this is caused by a content warning modal that prevents the code editor from "seeing" the actual profile code. The TH Editor behaves like its own user and is unfortunately unable to "click to reveal the profile" at present.

Fix: Removing the content warning modal is the only way to fix this.

No select/cut/copy/paste functionality on mobile device

Description: Mobile context menu doesn't give you the option to copy, cut or paste text. In some cases, it will not even let you highlight text. Normally, cut/paste is handled by your device. However, many mobile devices don't play nice with Ace Editor because of their custom text input solution.

Fix: There is no known fix besides using a different device, my apologies. I will have to look into Ace docs to see if there is a workaround for this.

Ghostellations
  • Operating system and browser: Windows 11 - Using Google Chrome
  • Description of the bug: I wanted to test the new mobile preview feature and it worked but when I returned to the desktop preview, there's a bug where it sent the code I was working on into the sidebar. I tried removing it by deleting all of the code but it seems trapped in there. I think it can be fixed by clearing my cookies but I just wanted to let you know about it.
  • Link to code that made the bug appear (if available): n/a because I took out the code and it's still there lol
  • Screen captures (if available):
    • image.png?width=1247&height=671
circlejourney

Ahh, it looks like the HTML may have gone to the Blurb area. This seems to happen sometimes and I need to get to the bottom of it - were you editing the Blurb HTML at any point? And did the code jump there immediately after removing mobile view?

Ghostellations

Oh, I didn't even know the blurb section could be clicked into to edit the side-bar so no, I've never edited the Blurb HTML at any point.    And the code jumped there immediately after removing mobile view. Though I tried doing what I did again to see if I can replicate the problem but I was unable to get the same results.

MrCreeper

Operating system and browser: Linux (Lubuntu) - Firefox version 111.0.1
Description of the bug: Using a template that using Font Awesome codes. After the latest update the same code is displaying the wrong icon. I assumed it was something on Font Awesome's end, but trying the code in ToyHouse it uses the correct icon.
Code that made the bug appear: The spinning icons in dualitas
Specifically: i class="fal fa-solar-system fa-spin mr-n4 mt-n2" style="font-size:15rem;color:#0e5c11;opacity:0.2;"
Screen captures (if available):
Image from ToyHouse, showing the correct icon:
mQWJgJp.jpg

Image from the Live Editor: (Look behind the character name, and in the top left corner)
lC2itCZ.jpg
Both are using the same code.

circlejourney

Thanks for the report! It looks like the code editor isn't finding the icon in the embedded font. Did it work alright before the update?

MrCreeper

Yes, it did. Didn't have any issues before

circlejourney

Yep, found the cause of the issue, will be fixed in the next update!

yhErEq3.png

HALFLIZARD
  • Operating system and browser: Windows 11
  • Description of the bug: Stuck on the loading screen - Site is offline?
I've already tried hard resetting the editor but I still get the error screen. I got a pop up saying Cloudfare ( ? ) was offline, but I closed it not thinking it was related so I can't provide a screenshot.
circlejourney

Oh weird. It's possible Cloudflare may have had a brief outage - I just took a look the site seems to be online for me. Do you still get the error?

HALFLIZARD

oh it's back, although my cache is gone - thankfully i downloaded it! thank you!