My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 375: Unneccessary horizontal scroll in iframe when having vertical scroll.
2 people starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Apr 2010


 
Reported by carljoha...@gmail.com, Nov 8, 2009
What steps will reproduce the problem?
1. Having an nyroModal with an iframe with vertical scroll
2. Enough width to not need a horizontal scroll

What is the expected output? What do you see instead?
The vertical scroll takes up some space from the calculated space, and
hence the content does not fit horizontally. The nyroModal should take that
space into account when calculating the original width instead so that no
horizontal scroll is needed.

What version of the product are you using? On what operating system?
nyroModal 1.5.5
jQuery 1.3.2

Please provide any additional information below.
Possible work-around in FF (only AFAIK), which does however cut away some
of the content to the right (cuts away the width of the vertical scroll).
Setting iframe css: overflow-x: hidden;
Apr 16, 2010
Project Member #1 nyro...@gmail.com
This fix won't be included in the main package as it's very particuliar.
Instead, you could create your own callback function to set the overflow-x: hidden on
the iframe with the endShowContent for instance.
Status: WontFix
Apr 16, 2010
#2 carljoha...@gmail.com
Yes, as long as overflow-x is not a standard in all major browsers I don't think it's
a good solution anyway. Thank you for taking the time to look at it though!
Apr 13, 2011
#3 loic.et...@gmail.com
I ran into the same problem when trying to load ajax content into the nyroModal box. Evrything was OK if the box could fit in the viewport, but any vertical scrollbar gave me a not needed horizontal one.

Here's my workaround :

In _nmObj { size: function() { } } I added the following just before the "this._callFilters('size');" line.

// Forces higher width to avoid unwanted horizontal scrollbar
// when heigh exceeds the viewport's heigh
if (maxHeight < this.sizes.initH) {
	this.sizes.w += 15;
}

Seems to work pretty well here :-)
Jul 15, 2011
#4 tahirfey...@gmail.com
my solution is to add <scrolling="no"> property before <debug('Iframe Load: ' + url);> line.

it works.

Powered by Google Project Hosting