Modal Window bug

0 views
Skip to first unread message

darkyndy

unread,
Nov 5, 2009, 10:17:32 PM11/5/09
to Google Friend Connect Developer Forum
URL: http://www.embevi.com/home
Browser(s) used: FireFox 3.5 [Mozilla/5.0 (Windows; U; Windows NT 6.1;
en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)]
Location: Romania

Issue: I've added Friend Connect Bar and you can do this steps to
reproduce the bug:
Step1: Click on "Members" or "Comments";
Step2: Click on the "Undock button";
Actual result: the modal box has height = browser visible area height;
Expected result: Modal box should have height = HTML>Body height;

This issues doesn't look good if you scroll the page and you see from
the modal box that gray background and after that normal background
color.

Also if you can add a link on Google Friend Connect page that will say
"Found a bug?" Because it took me a lot of time to find where to post.

I write this message because I posted at
http://www.google.com/support/forum/p/friendconnect/thread?tid=6c56e0a0b05de73d&hl=en
and I was pointed here.

Best regards,
Paul

Bob Aman

unread,
Nov 16, 2009, 1:25:34 PM11/16/09
to google-friend-co...@googlegroups.com
> Actual result: the modal box has height = browser visible area height;
> Expected result: Modal box should have height = HTML>Body height;

Sorry I didn't answer this sooner. I could not duplicate with either
FireFox 3.5 or Chrome. Does this happen for you on any other browser?

-Bob

Bob Aman

unread,
Nov 16, 2009, 2:23:15 PM11/16/09
to google-friend-co...@googlegroups.com
> I've wrote there steps to reproduce... did you do those steps and you cannot
> reproduce?

I followed your steps exactly and could not reproduce. However, now
that I've seen the screenshot, try this in your CSS:

.modal-dialog-bg {
height: 100%;
}

-Bob

darkyndy

unread,
Nov 22, 2009, 1:09:19 AM11/22/09
to Google Friend Connect Developer Forum
With FireBug I've tried this in first place, when I've posted this
bug, the problem is that the height is rewritten by Friend Connect
Script, I think when you scroll. :)

Bob Aman

unread,
Nov 23, 2009, 1:14:31 PM11/23/09
to google-friend-co...@googlegroups.com
> With FireBug I've tried this in first place, when I've posted this
> bug, the problem is that the height is rewritten by Friend Connect
> Script, I think when you scroll. :)

Probably true. Try this instead then:

.modal-dialog-bg {
height: 100% !important;
}

That won't work in IE6, but at the very least I think it should fix it
in the more modern browsers. I'm working on getting a permanent fix
that won't require this work-around.

-Bob
Reply all
Reply to author
Forward
0 new messages