Loading ...
Sorry, an error occurred while loading the content.

Problem with YUI Panel and Scrollbars

Expand Messages
  • Craig Anderson
    I ve been able to create the Panel and even get the scrollbars to show up, but they are buggy. The scrollbars appear only when being used and disappear as soon
    Message 1 of 4 , Jan 31, 2008
    • 0 Attachment
      I've been able to create the Panel and even get the scrollbars to show
      up, but they are buggy. The scrollbars appear only when being used and
      disappear as soon as they're not being used. I need them to show up at
      all times, so it's obvious there is a scrolling functionality here.

      Any ideas?

      Scroll to the bottom of the form and click "Show Panel" to see it.

      http://usa.kaspersky-labs.com/products/hosted-security.php
    • Caridy Patiño Mayea
      Hello Craig Anderson: In the file: http://usa.kaspersky-labs.com/products/hosted-security.php line 287, you re using this CSS rule: #panel_five .bd {
      Message 2 of 4 , Jan 31, 2008
      • 0 Attachment
        Hello Craig Anderson:

        In the file:
        http://usa.kaspersky-labs.com/products/hosted-security.php
        line 287, you're using this CSS rule:

        #panel_five .bd {
        height:300px;
        overflow:auto;
        }

        Replace it by this one:
        #panel_five .bd {
        height:300px;
        overflow-y:scroll;
        }

        That's all...

        Best Regards,
        Caridy (caridy at gmail.com)
        http://www.bubbling-library.com/

        --- In ydn-javascript@yahoogroups.com, "Craig Anderson" <craig34@...>
        wrote:
        >
        > I've been able to create the Panel and even get the scrollbars to show
        > up, but they are buggy. The scrollbars appear only when being used and
        > disappear as soon as they're not being used. I need them to show up at
        > all times, so it's obvious there is a scrolling functionality here.
        >
        > Any ideas?
        >
        > Scroll to the bottom of the form and click "Show Panel" to see it.
        >
        > http://usa.kaspersky-labs.com/products/hosted-security.php
        >
      • Craig Anderson
        Hmm... not sure that changed anything. After I posted this I did a bit more research and it looks like that on Windows Firefox and Windows IE7 - the scroll
        Message 3 of 4 , Jan 31, 2008
        • 0 Attachment
          Hmm... not sure that changed anything. After I posted this I did a bit
          more research and it looks like that on Windows Firefox and Windows
          IE7 - the scroll bars were showing fine and working fine.

          I use Firefox on the Mac and that's where I was noticing the problem.

          Changing the CSS rule you specified didn't change my problem. The
          scrollbars still don't appear unless I'm actually scrolling (using the
          scroll wheel on the mouse) and they disappear as soon as I'm not
          scrolling.



          --- In ydn-javascript@yahoogroups.com, Caridy Patiño Mayea
          <caridy@...> wrote:
          >
          > Hello Craig Anderson:
          >
          > In the file:
          > http://usa.kaspersky-labs.com/products/hosted-security.php
          > line 287, you're using this CSS rule:
          >
          > #panel_five .bd {
          > height:300px;
          > overflow:auto;
          > }
          >
          > Replace it by this one:
          > #panel_five .bd {
          > height:300px;
          > overflow-y:scroll;
          > }
          >
          > That's all...
          >
          > Best Regards,
          > Caridy (caridy at gmail.com)
          > http://www.bubbling-library.com/
          >
          > --- In ydn-javascript@yahoogroups.com, "Craig Anderson" <craig34@>
          > wrote:
          > >
          > > I've been able to create the Panel and even get the scrollbars to show
          > > up, but they are buggy. The scrollbars appear only when being used and
          > > disappear as soon as they're not being used. I need them to show up at
          > > all times, so it's obvious there is a scrolling functionality here.
          > >
          > > Any ideas?
          > >
          > > Scroll to the bottom of the form and click "Show Panel" to see it.
          > >
          > > http://usa.kaspersky-labs.com/products/hosted-security.php
          > >
          >
        • Satyen Desai
          Hi, I m unable to get to your test page (get a 404) but sounds like you re hitting issues with Firefox/MacOS scrollbars. The Panel s underlay element has
          Message 4 of 4 , Feb 5, 2008
          • 0 Attachment
            Hi,
            I'm unable to get to your test page (get a 404) but sounds like you're
            hitting issues with Firefox/MacOS scrollbars.

            The Panel's underlay element has overflow set to "auto" for
            Firefox/MacOS, to prevent elements with scrollbars from bleeding through
            the Panel (a Firefox bug, similar to [actually nastier than] IE's select
            bleedthrough issue).

            I believe this causes the effect you see, when an element on top of the
            underlay has scrollbars. Adding the following to your page, should fix
            this:

            .yui-panel-container.show-scrollbars .underlay,
            overflow: visible;
            }

            or, if you want to limit it to just this one panel:

            #panel_five_c.show-scrollbars .underlay {
            overflow: visible;
            }

            If you don't have other elements on the page, below the panel, which
            have scrollbars, then this is a solution you can use.

            If you do have other elements with scrollbars which could potentially
            bleed through the panel, then it gets a little more complex.

            Best bet would be to set overflow:hidden on these underlying elements
            while the Panel is displayed (if the scrollbars are overflow driven), or
            hide them if the scrollbars are native (e.g. select box).

            Also see:
            http://developer.yahoo.com/yui/container/#knownissues

            * "Scrollbars remain visible after an Overlay is hidden"
            * "Elements with scrollbars poke through Overlay instances
            floating above them"

            https://bugzilla.mozilla.org/show_bug.cgi?id=187435

            Hope that helps,
            Satyen
          Your message has been successfully submitted and would be delivered to recipients shortly.