We help IT Professionals succeed at work.

ASP.NET Textbox controls and master page not working  Firefox

Medium Priority
1,573 Views
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 asp.net 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.
Comment
Watch Question

Top Expert 2005

Commented:
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 asp.net 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 asp.net, so I bet if you dig enough you'll find something custom in your current setup causing this issue.

Author

Commented:
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?
 
Top Expert 2005
Commented:
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?

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
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.
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.