Safari: hidden IFRAME getting tab focus

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • buntyindia
    New Member
    • Jun 2007
    • 101

    Safari: hidden IFRAME getting tab focus

    Hi,

    I have a page. There is a section 'sidebar' where bulleted text is there. Just after first bullet there is a hidden IFRAME. That go visible on clicking of that bullet text.

    My problem is with Safari Browser in Mac and WindowsXP.

    When we press the tab after first bullet link instead of going to next bulleted text the focus goes to the hidden IFRAME. How can I avoid the focus to hidden IFRAME.

    I tried both visibility:hidd en and display:none still it is getting focus in Safari

    Please help
  • David Laakso
    Recognized Expert Contributor
    • Aug 2008
    • 397

    #2
    I have a page.
    That's nice. I have a red pencil box.

    I'll trade you my red pencil box for a clickable link to your page.

    Comment

    • buntyindia
      New Member
      • Jun 2007
      • 101

      #3
      Originally posted by David Laakso
      That's nice. I have a red pencil box.

      I'll trade you my red pencil box for a clickable link to your page.
      Please help to solve this issue

      Comment

      • David Laakso
        Recognized Expert Contributor
        • Aug 2008
        • 397

        #4
        Originally posted by buntyindia
        Please help to solve this issue
        Insufficient information. Provide a clickable link to the page/question/problem in your post to this forum.

        Comment

        • buntyindia
          New Member
          • Jun 2007
          • 101

          #5
          Originally posted by David Laakso
          Insufficient information. Provide a clickable link to the page/question/problem in your post to this forum.
          Here is the sample code that have the same issue in Safari.
          I am using Winodws XP Safari 3.1.2 version
          [PHP]
          <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
          <html>
          <head>
          <title>Safari Iframe Testing</title>
          </head>
          <body>
          <input type="text"/>
          <input type="text"/>
          <a href="">Some Link 1</a>
          <iframe style="display: none"></iframe>
          <a href="">Some Link 2</a>
          <a href="">Some Link 3</a>
          </body>
          </html>[/PHP]


          if I uses tabindex="-1" in iframe that resolve the issue. will it be a suitable tweak?

          Comment

          • David Laakso
            Recognized Expert Contributor
            • Aug 2008
            • 397

            #6
            Message deleted as I had second thoughts regarding a suggestion I proposed for the issue.
            Last edited by David Laakso; Oct 31 '08, 05:54 PM. Reason: OP provided code

            Comment

            • buntyindia
              New Member
              • Jun 2007
              • 101

              #7
              Originally posted by David Laakso
              Message deleted as I had second thoughts regarding a suggestion I proposed for the issue.
              Please tell me the solution

              Comment

              Working...