question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Plugin modal window height

See original GitHub issue

The height of the plugins modal window is not calculated correctly into the cms.modal.js. I need to replace this line

var screenHeight = $(window).height();

with this

var screenHeight = window.innerHeight;

https://github.com/divio/django-cms/blob/develop/cms/static/cms/js/modules/cms.modal.js#L131

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
steveneweycommented, Oct 15, 2014

I had this issue a few weeks ago and posted to the mailing list before discovering the solution. It’s an issue with jQuery and the document type…

Some investigation uncovered that $(window).height() was returning the document height instead of the window height. This happens when there’s no doctype declared on the page. A quick <!doctype html> and it was fixed!

1reaction
m05quit0commented, Oct 14, 2014

It depends of html layout markup. Setting css properties width and height to 100% for html element fix problem for me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change Bootstrap Modal Width and Height - 3 Examples
In order to increase or decrease the modal window height and width properties of Bootstrap, you need to get the modal related classes...
Read more >
Bootstrap Modal Sizing - free examples & tutorial - MDBootstrap
Responsive popup window sizing with Bootstrap 5. Modal width, modal height, fullscreen modal, large modal with lg & xl modal classes and more....
Read more >
How to limit the height of the modal? - Stack Overflow
I'm looking for a way to keep a modal dialog within screen bounds, i.e. that its height is always less than the screen...
Read more >
Popup Modal window size - WordPress.org
Hi. Would like to ask if we can adjust the width of the modal popup window of the Team element? It is too...
Read more >
Modal - Bootstrap
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found