Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Oct 2011
    Posts
    13
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Angry CSS Menu Autocomplete Problem

    Hi guys, this is really buggin me!

    I have a menubar that uses css rules to show sub menu items when the mouse hovers over the menu items. Works fine, but on one of the menu items I have a login form, for the user and password, which also works fine. Problem is that when i click on the input box, the browsers autocomplete menu appears and when hovering over the autocomplete options, the sub menu dissapears.

    Ive set up a page to show you...
    www.snapse.net/

    so if you enter detail on the login, and click 'login' (you get 404), and then go back and try again the autocomplete should show, but when you hover over the options the menu should dissapear.

    Is there any way either to stop the autocomplete from showing, or css rules that will stop the menu dissapearing?

    Thanks?

    PS. This is my first attempt at a site

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    I don't see the behaviour in Chrome or Opera or IE8, so it looks like FF is the only affected browser. Have try adding the attribute autocomplete="off" to your form element - it looks like that fixes it using Firebug.

  • Users who have thanked SB65 for this post:

    seminaljim (04-24-2012)

  • #3
    New Coder
    Join Date
    Oct 2011
    Posts
    13
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Thank you very much! I had tried this, but i put the autocomplete on the wrong element. I put it on the input tag rather than the form tag. So that fixed it in IE9 aswell. Cheers.

    PS if anyone knows a way to allow the autocomplete and keep the div shown let me know...


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •