Menu closes over an iframe on Safari

Poster: pedro
Dated: Wednesday May 12 2004 - 16:02:36 BST

Hi

I am currently evaluating the menus. I think that are fantastic but have hit a bit of a stumbling block.

I am testing on Mac Osx 10.2.8 with Safari 1.0.2.

If I have an iframe under the menu when you drop down the menu, none of the menu items over the iframe change colour and then the menu closes. If we can resolve this then we would be looking and an unlimited license so any assistance you could give me would be appreaciated.

To reproduce this problem I used the menu.html file that came with the download. Under the body tag add the following

<br><br>
<iframe src="blank.html" style="width: 100%; height: 200;"></iframe>

if you pull down the menu samples item and move you mouse over an item in the menu which is over the iframe the item is not selected ie mouse over and the menu closes.

Thanks for any help you could provide.

Regards

Pedro

Poster: charlie73
Dated: Wednesday May 12 2004 - 16:44:09 BST

I have found the same problem with Opera 7.5 (XP Pro) and Konueror 3.1.1 (Suse Linux 8.2)

Charlie.

Poster: Ruth
Dated: Thursday May 13 2004 - 8:41:04 BST

Did you go to this sample and see if opening the 'sample' section which will open over the iframe also does that? http://www.milonic.com/menusample11.php I realize you put a blank iframe in the downloaded sample, however this page has the code for opening menu links in the iframe and the required iframe id. I have no idea if that will change anything. Sorry, I can't test it because I don't have a mac.

Ruth

Poster: pedro
Dated: Thursday May 13 2004 - 9:54:57 BST

Thanks Ruth, I have just tested that sample and it has the same problem. If you pull down the "Menu Samples - Opened in same page" and mouse over one of the items that are over the iframe the menu closes.

It would seem that the mouse over event it not being captured once over the iframe. Just a thought without delving to far into the problem.

Are you part of the dev team? If so is there anyone how has a mac to test this. If not then I will unfortunately need to look for another menu.

Thanks for your help

Regards Pedro

Poster: Ruth
Dated: Thursday May 13 2004 - 13:21:41 BST

No, I'm just a volunteer that helps on the forum, and mostly on the more simple items, like errors someone puts in a menu data file and such. Normally I would not have posted here, but I thought having you check a fully functional page made sense. I can't remember ever seeing any other report about what you just posted. I'm sure Andy will check it, and someone does have a mac, just not I Milonic works real hard to fix issues when they arise, after all, sometimes until an issue is reported no one knows it's an issue. So, don't give up just yet. This is a wonderful menu system, very versatile, fabulously designable to make it do what you want [or look like you want]. I'm sure someone who has a little more knowledge will get back to you.

Ruth

Poster: fulmer
Dated: Friday May 28 2004 - 3:56:40 BST

I've got the same problem on my website (http://fulmer.mine.nu). The popups work fine until you get to the 3rd level (refelections -> vacations -> any menu item). The menu stops working only on Safari (Mac OS X 10.3.4). It works fine using IE (Mac & Windows), Firefox (Mac & Windows), Mozilla (Mac & Windows), Camino.

Poster: John
Dated: Friday May 28 2004 - 4:34:07 BST

Fulmer, for one thing the menu does not like being cooped up in a div. If you really must, try a z-index of 999.

Poster: fulmer
Dated: Friday May 28 2004 - 5:35:27 BST

Thanks for your reply.

I've got my main div (iframe inside) set to z-index=1 <- right 2/3 of page
I've got my menu div set to z-index=100 <- left 200px of page
I've got a hidden div set to z-index=-1 <- top left corner (395px by 75px)

There's a javascript that will move (body onload=) the main div to the right (left=400px), unhide the 3rd div and change it's z-index=200 when using IE5 or lower. This div has a warning message telling the user to upgrade their browser. I had a problem with Windows IE5 where the z-index wouldn't work and the menu would show up below the main div, that is why I put the warning message there.

The menu is set for a z-index=100, so I would think that would be enough... I'll have to check on my Mac when I get home tonight.

Poster: fulmer
Dated: Friday May 28 2004 - 5:41:53 BST

I just created a test page on my server.
I removed the div surrounding the menu.

http://fulmer.mine.nu/test/index.asp
http://fulmer.mine.nu/test/index_j.asp <- Japanese version

Poster: fulmer
Dated: Friday May 28 2004 - 13:14:55 BST



Well, I checked when I got home... It still doesn't work. Any menu that is 3 levels deep doesn't work. The first popup is fine, but the second popup is not recognized.

Poster: Maz
Dated: Friday May 28 2004 - 16:48:03 BST

What I see is, that the menu works fine at first, it wasn't until I used the switch over to Japanese, that the Iframe put in a scroll bar inside the browser scroll bar. Then the submenu links are unclickable probably because they have become disconnected by extra div's or something, or no longer sitting on top.

maz

Poster: Ruth
Dated: Friday May 28 2004 - 18:35:27 BST

I remember reading something about z-index 999 and another issue with iframes. I dont' know if this will mean anything for you. http://www.milonic.com/forum/viewtopic.php?t=4201

Ruth

Poster: fulmer
Dated: Monday May 31 2004 - 2:13:12 BST



The menu_data.js file and the main iframe page are identical (except for English/Japanese). The reason you get the scroll bar is probably because I've got the text size bumped from 12 to 14 on the Japanese main page. I removed the DIV surrounding the menu, so I don't think that would be the cause.

Poster: fulmer
Dated: Monday May 31 2004 - 2:13:57 BST



I've tried messing with the z-index... It doesn't seem to change anything

Poster: pedro
Dated: Tuesday June 1 2004 - 13:09:15 BST

Hi

This is all well and good but I am not dealling with div's here. I still have my original problem which is stated above.

To reproduce this problem I used the menu.html file that came with the download. Under the body tag add the following

<br><br>
<iframe src="blank.html" style="width: 100%; height: 200;"></iframe>

if you pull down the menu samples item and move you mouse over an item in the menu which is over the iframe the item is not selected ie mouse over and the menu closes.

Thanks for any help you could provide.

Regards

Pedro

Poster: fulmer
Dated: Wednesday June 2 2004 - 1:27:04 BST



Sorry to hi-jack your post!!

Poster: fullejo
Dated: Wednesday July 21 2004 - 19:30:16 BST

So, that's the end of this thread? any ideas from anyone to get the milonic menus to work in safari with iFrames?

Thanks...

Poster: Ruth
Dated: Wednesday July 21 2004 - 20:35:48 BST

I don't know, but this thread started back in May and there have been many menu updates since then, so maybe one of the updates fixed the issue and the topic just died. The current version is 5.33. I don't have a Mac to do a test.

Ruth

Poster: fullejo
Dated: Thursday July 22 2004 - 1:56:03 BST

Can't post a link to the file because it's in an intranet. however, I went to the menu example http://www.milonic.com/menusample11.php and that didn't work in safari, I assume this is using the newest version of the menu...

It's ok if there's no solution, we'll jsut have to come up with something else that doesnt' use the pull down menus. it's a shame, because they're so nice

Poster: John
Dated: Thursday July 22 2004 - 4:29:46 BST

Don't give up just yet, gang. The Team is working on it.

Poster: fullejo
Dated: Thursday July 22 2004 - 19:45:55 BST

That's great This is the only thing that causing a problem, and we have a bunch of mac users in our organization who will of course refuse to use something like Mozilla when almighty Apple has created the best browser ever to grace the planet....

Poster: sungod
Dated: Sunday July 25 2004 - 15:21:46 BST

i just bought the menus and ran straight into this problem on the very first project, after a while messing around with z-index and divs i ended up checking the forum and finding this thread

a fix/workaround would be most excellent

Poster: Maz
Dated: Sunday July 25 2004 - 19:00:05 BST

I'm not up on Iframes, never use them, but isn't there a script that can be added to bring the menu above flash or forms or something, and would that help in this case?

Just thought it might be worth looking into, I have no idea.

maz