Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

60%
+1 −0
Q&A Copy Link pop up can be completely off screen

The challenge with making modals appear above if there's not room below is that they might then cover important content. If this happened to the Flag modal, for example, it might cover most of the...

posted 1mo ago by Monica Cellio‭  ·  edited 1mo ago by Monica Cellio‭

Answer
#3: Post edited by user avatar Monica Cellio‭ · 2024-09-10T15:45:23Z (about 1 month ago)
  • The challenge with making modals appear above if there's not room below is that they might then cover important content. If this happened to the Flag modal, for example, it might cover most of the post, which might make writing a custom flag harder. I think we probably want at least the post modals to all behave the same way; it would be confusing if Copy Link did one thing and Flag or Close did another.
  • Taking all of that into account, what is the best behavior? I don't know if it's possible in Ruby (or HTML for that matter), but one possibility that occurs to me is to leave the page content as it is but *scroll the page a little* so you see that there's a modal there. Would that help or would that be jarring? If that's a bad idea (or not possible), what else would work from a usability perspective?
  • From a suggestion in comments: maybe we could move the modal to the side so its presence is still clear -- probably doesn't work for flags on a phone (too wide), but seems like it would work for Copy Link:
  • > ![mockup with modal to right of button](https://meta.codidact.com/uploads/eoqmth1im50lhjrclmliyamvf2df)
  • The challenge with making modals appear above if there's not room below is that they might then cover important content. If this happened to the Flag modal, for example, it might cover most of the post, which might make writing a custom flag harder. I think we probably want at least the post modals to all behave the same way; it would be confusing if Copy Link did one thing and Flag or Close did another.
  • Taking all of that into account, what is the best behavior? I don't know if it's possible in Ruby (or HTML for that matter), but one possibility that occurs to me is to leave the page content as it is but *scroll the page a little* so you see that there's a modal there. Would that help or would that be jarring? If that's a bad idea (or not possible), what else would work from a usability perspective?
  • From a suggestion in comments: maybe we could move the modal to the side so its presence is still clear -- probably doesn't work for flags on a phone (too wide), but seems like it would work for Copy Link:
  • > ![mockup with modal to right of button](https://meta.codidact.com/uploads/eoqmth1im50lhjrclmliyamvf2df)
  • (Personally, I think I still prefer scrolling the page a little, as it would work with all modals, but I don't know how hard that is.)
#2: Post edited by user avatar Monica Cellio‭ · 2024-09-10T15:42:11Z (about 1 month ago)
  • The challenge with making modals appear above if there's not room below is that they might then cover important content. If this happened to the Flag modal, for example, it might cover most of the post, which might make writing a custom flag harder. I think we probably want at least the post modals to all behave the same way; it would be confusing if Copy Link did one thing and Flag or Close did another.
  • Taking all of that into account, what is the best behavior? I don't know if it's possible in Ruby (or HTML for that matter), but one possibility that occurs to me is to leave the page content as it is but *scroll the page a little* so you see that there's a modal there. Would that help or would that be jarring? If that's a bad idea (or not possible), what else would work from a usability perspective?
  • The challenge with making modals appear above if there's not room below is that they might then cover important content. If this happened to the Flag modal, for example, it might cover most of the post, which might make writing a custom flag harder. I think we probably want at least the post modals to all behave the same way; it would be confusing if Copy Link did one thing and Flag or Close did another.
  • Taking all of that into account, what is the best behavior? I don't know if it's possible in Ruby (or HTML for that matter), but one possibility that occurs to me is to leave the page content as it is but *scroll the page a little* so you see that there's a modal there. Would that help or would that be jarring? If that's a bad idea (or not possible), what else would work from a usability perspective?
  • From a suggestion in comments: maybe we could move the modal to the side so its presence is still clear -- probably doesn't work for flags on a phone (too wide), but seems like it would work for Copy Link:
  • > ![mockup with modal to right of button](https://meta.codidact.com/uploads/eoqmth1im50lhjrclmliyamvf2df)
#1: Initial revision by user avatar Monica Cellio‭ · 2024-09-10T02:37:48Z (about 1 month ago)
The challenge with making modals appear above if there's not room below is that they might then cover important content.  If this happened to the Flag modal, for example, it might cover most of the post, which might make writing a custom flag harder.  I think we probably want at least the post modals to all behave the same way; it would be confusing if Copy Link did one thing and Flag or Close did another.

Taking all of that into account, what is the best behavior?  I don't know if it's possible in Ruby (or HTML for that matter), but one possibility that occurs to me is to leave the page content as it is but *scroll the page a little* so you see that there's a modal there.  Would that help or would that be jarring?  If that's a bad idea (or not possible), what else would work from a usability perspective?