• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1087
  • Last Modified:

ModalPopupExtender on Safari


Im trying to implement a ModalPopupExtender that works with Safari 2.x. The following code works for IE8 and Firefox 3, but in Safari, the button in the popup is not clickable. This code will work in Safari if the page is manually refreshed before the popup is diaplayed.

Any suggestions would be appreciated

<asp:Panel ID="pnl_StaffMemDetails" runat="server" CssClass="Body">
    <div id="div_StaffMemeberDetails"
        style="width: 200px; height: 200px;
             border-style: solid; border-width: thin;">
        <asp:Label ID="Label1" runat="server" Text="Label"
            style="z-index: 20000">
    <asp:Button ID="btn_OK" runat="server" Text="Okay" />        
<asp:Panel ID="pnl_StaffMem1Container" runat="server" CssClass="COFY__Container" 
 style="position: relative; top: 0px; left: 0px; 
  height: 150px; width: 50%; float: left;">
    <cc1:ModalPopupExtender ID="mpe_StaffMemName" runat="server"
   <asp:HyperLink ID="lnk_StaffMem1Name" runat="server" CssClass="StaffDesc lnk More"
     style="position: absolute; top: 0px; left: 0px;"> 
     Someone's Name

Open in new window

  • 2
  • 2
1 Solution
The toolkit is not kind to Safari. And I assume that you do have the latest, released a couple of weeks ago?

If you do, it's unlikely to get fixed anytime soon. And trying to fix it yourself will be a big pain.

Have you considered using jQuery to perform your modal popups? It's got outstanding compatibility with browsers and is actually fully support by MS now. I have implemented the following and it works great.

RTQAuthor Commented:
Thanks ApexCo:

I'm looking at jquery as a possible solution, and appreciate your input.
RTQAuthor Commented:
The response from ApexCo did not resolve the specific problem I was having, but it did offer an althernative, which I'm working on testing.
If you want to make jQuery a little more friendly in Visual Studio.

Follow the instructions in Scott's blog on how to get full IntelliSense support as well.


Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now