this post was submitted on 28 Jul 2024
1 points (100.0% liked)

Perchance - Create a Random Text Generator

448 readers
17 users here now

⚄︎ Perchance

This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.

Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)

This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.

See this post for the Complete Guide to Posting Here on the Community!

Rules

1. Please follow the Lemmy.World instance rules.

2. Be kind and friendly.

  • Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)

3. Be thankful to those who try to help you.

  • If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)

4. Only post about stuff related to perchance.

  • Please only post about perchance related stuff like generators on it, bugs, and the site.

5. Refrain from requesting Prompts for the AI Tools.

  • We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (text-to-image-plugin and ai-text-plugin) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?"
  • See Perchance AI FAQ for FAQ about the AI tools.
  • You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
  • We will still be helping/answering questions about the plugins as long as it is related to building generators with them.

6. Search through the Community Before Posting.

  • Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.

founded 1 year ago
MODERATORS
eatham
[email protected]
VioneT
perchance
1
[Bug] Auto vs Refresh - flushing old DOM changes (self.perchance)
submitted 3 months ago by wthit56 to c/perchance
1 comments fedilink hide all child comments
 

https://perchance.org/auto-vs-reload-bug-3489734953#edit

It seems if "auto" is activated, it does not fully refresh the page. So things like this, where it adds a DOM element just add more and more DOM elements as changes are made. With the test link above, with auto on change the CSS to background-color instead of color. A new style element will be added to the preview, meaning the body now has color:red and background-color:red. When it should only have the latest styles.

This happens even if there's some flag like .has_css_injected and skips making the style element next time the function is called. As in, it seems the list is rebuilt and a new object is now running, but the page is not rebuilt (properly) and old stuff hangs around in there.

Could possibly be only the <head> that is not properly auto-refreshed, I haven't done extensive testing.

If "auto" is off and "refresh" is clicked, only the one style element is present and only the latest styles are properly applied, as expected.

top 1 comments
sorted by: hot top controversial new old
[–] VioneT 2 points 3 months ago

If you have the auto ticked. Yes, the page isn't totally refreshed, like a page reload, it just updates it i.e. gets the changes from the editors, then re-runs the Perchance code.

I'm not fully sure how it works. So, pinging Dev for some clarification.

When you check the document.head (via console.log or just normal inspect) where you append the styles when on auto, you can see the styles that were added. Since the other <styles> still have the background-color even if it has been removed from the code, it would still apply its styles.

When you click the refresh button next to the auto checkbox, then, the page is fully refreshed. Meaning, it would reset all changes on the dom, then apply the new changes from the code.