ASP.NET Textbox controls and master page not working  Firefox

Posted on 2009-02-09
Last Modified: 2012-05-06
I recently launched a new site and I based the core design on master pages. I have noticed in testing that the pages render correctly in IE 7, Firefox, 3.05, and Safari, However IN both Safari and Firefox the textbox controls are inactive. The controls are still there but you cannot click or place focus on the textbox you must press the tab key and index through each element of the page to reach the control. In removing my code from master pages and dropping it in a standard aspx document everything works fine.  

Has anyone experienced this and if so is there something that can be done that will allow me to continue to use the masterpages instead of creating these one off pages?

I have also noticed the same with the wizard control in that it will not function within Firefox regardless of it being in a regular aspx document or one that is linked to a master page.

Any tips or explanations as why this is happening would be greatly appreciated.
Question by:rlcrews
    LVL 33

    Expert Comment

    Sounds more like a runaway javascript script running on the page, that is possibly loaded in the masterpage, and not the aspx page.  

    Are you SURE this is an issue, that is, have you created a completely new project, new masterpage, new aspx page and verified the problem?

    Obviously this would be a major bug in, so I bet if you dig enough you'll find something custom in your current setup causing this issue.

    Author Comment

    I took your advice and rebuilt a sample project. I have narrowed the issue down to teh ASP.NET wizard control. I have a page built with no javascript/AJAX/or client side script  aside from the wizard. In Firefox the text box controls which are added to wizard cannot be selected. You can press Tab multiple times to reach the control but within Firefox you cannot click in the field using the mouse.
    In the mean time I am bypassing this using standard fields with no wizard.

    Any additional  thoughts?
    LVL 33

    Accepted Solution

    Have you tried in another browser on another computer?  What does the HTML source the browser see, do you see anything in the source to indicate this textbox would be disabled?

    Author Closing Comment

    I finally figured out the issue. I was also using RAD controls within my project as well as a few flash controls. In order to get the controls to render properly I had to adjust the z-index of a few div tags to contol layering and presenatation. What I discovered is that IE 7 and lower is more flexible in using the z-index than IE 8 or Firefox. Basically I had a DIV tag with the textboxes set to -1. In Firefox and IE 8 -1 can cause the textbox controls ot become disabled if other Div tags or elements have been assigned a different z-index.  In essence I was setting the div layer with the textbox contorls to a bottom layer with other div layers "laying" ontop. This in turn would not allow the mouse to click within the field. IE ignorred this and it worked fine however Firefox and Safari handeled it differntly resulting in the inability to click within a textbox field.  I originally overlooked this and as a result when I removed the div layers from the master pages and dropped them into a new project I was correcting the issue by accident.  In testing this with IE 8 I have found that IE 8 handels the DIV tags and CSS commands more in line with Firefox and Safari. Thank you for your help and suggestions.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Join & Write a Comment

    Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
    I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
    This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    746 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

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now