Solved

Ajax ModalPopupExtender not displaying controls in Safari browser.

Posted on 2009-05-13
5
1,313 Views
Last Modified: 2013-12-07
Hello Everyone,
Can you help me on this?
In Safari my panel which I am displaying in ModalPopupExtender goes behind the modal popup ;

this works properly in other browsers.
Can you suggest me what can be cause for this?


Thanks.
0
Comment
Question by:winjittechnologies
  • 3
5 Comments
 
LVL 10

Expert Comment

by:MaxOvrdrv2
ID: 24374552
0
 
LVL 1

Author Comment

by:winjittechnologies
ID: 24381744
Thanks MaxOvrdrv2,

but this link is not so useful for my case as my issue seems to be related with z-index as I can see my
 controls but those controls are going behind the modal popup.
can you help me how can I get this fixed?

Thanks for your help.
0
 
LVL 10

Expert Comment

by:MaxOvrdrv2
ID: 24384185
i can't seem to find anything about it... the only problems i see are that they simply don't render, or all the controls become un-usuable...

have you tried setting it's CSS to position:abosulte ?
0
 
LVL 10

Accepted Solution

by:
MaxOvrdrv2 earned 250 total points
ID: 24384194
ah HA! here's something that sounds more like your problem:

If you have a bunch of AutoComplete extenders that are wrapped inside of ModalPopup and you try to run it in Safari, chances are, you will not like what you see. The autocomplete div will be shown under the modalpopup. Works fine in Firefox and IE, but Safari is screwed up. What gives?

Well, if you look into source code of AutoComplete extender, you will notice that they have a special handling for Safari (also known as a one-button mouse of the browsers  Just kidding!). Because of this special handling, the correct z-index is not being set on the autocomplete div.

But how can I fix it? Well, all you need to do is to add a div somewhere near the extender with id of AutoCompleteDiv and in your extender set the property of CompletionListElementID to AutoCompleteDiv.

Here is how I found this info:

http://logbook.trioro.com/2006/12/ajaxnet-autocompleteextender.html 
http://tim.mackey.ie/ProblemsWithTheAJAXAutoCompleteExtenderArrgh.aspx 

Also, there is a custom autocomplete extender based on prototype and script.ac.ulous. I have not tried but it looks really interesting. I would like to take a look the source when I have a bit more time. Here is the link.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question