Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Fixing overlay wobbling


Zoltan
  • Accepted


User Feedback

Recommended Comments

This appears to actually be a bug with the book error message - if you check top-left in your video you'll see an error message that isn't being rendered properly (it should be one of the popup alert things in the bottom-right).

Share this comment


Link to comment
Share on other sites

I'm not doing anything to hide the scrollbar like that, so I presume that is normal browser behaviour?

Share this comment


Link to comment
Share on other sites

It's because there is nothing to scroll down, so the browser removes the vertical scroll bar.
The modal is part of the normal page flow, one trick could be to make the modal as tall as the page below it, but this is messy coz you'd have to create transparent parts if you don't wan't it to cover the whole page.

What I was thinking of is the new html dialog element, what if we tried to use that?
Maybe it would do the same, but maybe  it wouldn't affect the page behind it.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

  • Like 1

Share this comment


Link to comment
Share on other sites

Hmm, looks like that isn't enabled by default in Firefox, so probably not usable. I'll look into alternatives for the current dialog popups though. There's still IMO too much chaos with all the alerts, popups, notifications etc.

  • Like 1

Share this comment


Link to comment
Share on other sites

Yeah now that I think about it I think the fullscreen overlay should do the trick.
So basically you create a fullscreen div (same height and width as the underlaying page), make that transparent, then create another div for whatever width and height you need and that would be the content itself.

Share this comment


Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Status Definitions

    Pending = We have not yet reviewed the suggestion.

    Under Review = We are currently reviewing the suggestion. Check the suggestion's comments for updates from the team.

    Accepted = We've approved the suggestion and it will be implemented in a future update.

    Completed = The suggestion has now been implemented.

    Rejected = The suggestion has been rejected. Check the comments section for more information.

     

    Please do not post duplicate suggestions or report bugs. This area is for suggestions for changes/improvements to the game.

×
×
  • Create New...