ModalPopupExtender on Safari

Greetings:

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:Label>        
    <asp:Button ID="btn_OK" runat="server" Text="Okay" />        
    </div>
</asp:Panel>
 
<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"
      TargetControlID="lnk_StaffMem1Name"  
      DropShadow="true" 
      CancelControlID="btn_OK"
      PopupControlID="pnl_StaffMemDetails">
   </cc1:ModalPopupExtender>
                            
   <asp:HyperLink ID="lnk_StaffMem1Name" runat="server" CssClass="StaffDesc lnk More"
     style="position: absolute; top: 0px; left: 0px;"> 
     Someone's Name
   </asp:HyperLink>
</asp:Panel>

Open in new window

RTQAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ApexCoCommented:
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.

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
RTQAuthor Commented:
Thanks ApexCo:

I'm looking at jquery as a possible solution, and appreciate your input.
0
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.
0
ApexCoCommented:
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.

http://weblogs.asp.net/scottgu/archive/2008/11/21/jquery-intellisense-in-vs-2008.aspx

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
.NET Programming

From novice to tech pro — start learning today.