this post was submitted on 17 Dec 2024
3 points (100.0% liked)

Perchance - Create a Random Text Generator

494 readers
13 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 2 years ago
MODERATORS
eatham
[email protected]
VioneT
perchance
3
Dialog have no Backdrops? (self.perchance)
submitted 3 weeks ago by wthit56 to c/perchance
6 comments fedilink hide all child comments
 

The <dialog> tag has a built-in backdrop that you can style to hide the page, etc. But that seems to not work on perchance for some reason. Any idea on how to get this to work, and what is blocking the functionality?

top 6 comments
sorted by: hot top controversial new old
[–] VioneT 2 points 3 weeks ago* (last edited 3 weeks ago) (2 children)

It should be working fine, here's a demo: https://perchance.org/szubdx3v1m#edit though I think only .showModal() applies the backdrop. .show() doesn't.

From MDN Web Docs:

The CSS ::backdrop pseudo-element can be used to style the backdrop of a modal dialog, which is displayed behind the <dialog> element when the dialog is displayed using the HTMLDialogElement.showModal() method. For example, this pseudo-element could be used to blur, darken, or otherwise obfuscate the inert content behind the modal dialog.

[–] wthit56 1 points 3 weeks ago

That's sorted it up a treat, anyway--thanks!

[–] wthit56 1 points 3 weeks ago (1 children)

Huh! Very weird... Didn't realise there were 2 versions of showing a dialog.

According to MDN:

Use the .showModal() method to display a modal dialog and the .show() method to display a non-modal dialog.

I don't even know what "modal" vs "non modal" means 😅

I guess that's also why it wasn't centring itself properly. What's the point of a dialog if it doesn't have those "modal" features, I wonder...

[–] VioneT 1 points 2 weeks ago* (last edited 2 weeks ago) (1 children)

Modal dialog means you can't interact with the page behind the dialog when it is open e.g. click buttons. Non-modal, you can interact with the page even if the dialog is open.

Modal dialog boxes interrupt interaction with the rest of the page being inert, while non-modal dialog boxes allow interaction with the rest of the page.

[–] wthit56 1 points 2 weeks ago

Yeah... I was just not sure what "modal" means. To me, a dialog box is only a dialog box if it blocks other interactions--like an alert or prompt in JS. But I guess that's not the case.

[–] wthit56 1 points 3 weeks ago

@[email protected]