The Real WTF



  • The Real WTF here is the new CSS of this site that prevents me from scrolling with the keyboard. It works until I actually use the mouse to scroll a bit. Then it blocks something and I cannot use the keyboard to scroll up and down. WTF is happening here? It appears to be a IE6 issue only, but still why?



  • I'm on IE6, and i can scroll with the keyboard ...



  • <FONT face=Tahoma>My IE6 does the same, scroll with a mouse a bit then scroll with the keyboard, otherwise it won't work... Doesn't bother me though, I'm used to scrolling with the mouse... ;)

    But it makes one wonder...



    </FONT>



  • Here's the "deal"...  If you click ANYWHERE within a post, keyboard scrolling quits.  If you click somewhere in the white border outside of a post, keyboard scrolling works again.

    *edit* - actually, it's just within the post body itself...



  • COOL! Now I can sleep peacefully :)



  • <FONT face=Arial size=2>The behavior is caused the overflow property set to auto for the ForumPostBodyArea class.  This has the effect of making the div containing post content scrollable, even when the length is insufficient to require scrolling, and keyboard navigation then attempts to scroll this div, rather than the parent window.  Removing this attribute in forum.css would fix the behavior.</FONT>



  • @drf said:

    <FONT face=Arial size=2>The behavior is caused the overflow property set to auto for the ForumPostBodyArea class.  This has the effect of making the div containing post content scrollable, even when the length is insufficient to require scrolling, and keyboard navigation then attempts to scroll this div, rather than the parent window.  Removing this attribute in forum.css would fix the behavior.</FONT>

    <FONT face=Tahoma>I see...gee, thanks!

    Makes one wonder no more...



    </FONT>



  • @nsimeonov said:

    The Real WTF here is the new CSS of this site that prevents me from scrolling with the keyboard. It works until I actually use the mouse to scroll a bit. Then it blocks something and I cannot use the keyboard to scroll up and down. WTF is happening here? It appears to be a IE6 issue only, but still why?

    Interesting - I'm running IE 6.x, and have an IBM scroll mouse + keyboard. I can switch back and forth at will, regardless of where I click. Hmmmmm.



  • @drf said:

    <FONT face=Arial size=2>The behavior is caused the overflow property set to auto for the ForumPostBodyArea class.  This has the effect of making the div containing post content scrollable, even when the length is insufficient to require scrolling, and keyboard navigation then attempts to scroll this div, rather than the parent window.  Removing this attribute in forum.css would fix the behavior.</FONT>

    How in hell did you find that? (damned impressive, at least to me)



  • Actually I was expecting something like this - usually misplaced overflow styles, iframes and other nested scrollable elements like textboxes cause this behaviour. And I was wondering if I'm the only one suffering from that...



  • @qqqqqq said:

    @nsimeonov said:

    The Real WTF here is the new CSS of this site that prevents me from scrolling with the keyboard. It works until I actually use the mouse to scroll a bit. Then it blocks something and I cannot use the keyboard to scroll up and down. WTF is happening here? It appears to be a IE6 issue only, but still why?

    Interesting - I'm running IE 6.x, and have an IBM scroll mouse + keyboard. I can switch back and forth at will, regardless of where I click. Hmmmmm.

    And how are you scrolling with the keyboard? Pressing the Down arrow or a special scroll button on the keyboard? Because the scroll button on the mouse is working always...



  • @drf said:

    <FONT face=Arial size=2>Removing this attribute in forum.css would fix the behavior.</FONT>

    Good find! I do prefer having this attribute there, however, as someimtes the posts get wider than the area allowed ... for example, you'd hate to have this break the whole layout of the page:

    WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

     



  • @Alex Papadimoulis said:

    @drf said:

    <FONT face=Arial size=2>Removing this attribute in forum.css would fix the behavior.</FONT>

    Good find! I do prefer having this attribute there, however, as someimtes the posts get wider than the area allowed ... for example, you'd hate to have this break the whole layout of the page:

    WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

     

    Adding overflow-y: visible; to the same rule seems to fix the problem for me, without removing the horizontal scrollbar.



  • @Alex Papadimoulis said:

    @drf said:

    <font face="Arial" size="2">Removing this attribute in forum.css would fix the behavior.</font>

    Good find! I do prefer having this attribute there, however, as someimtes the posts get wider than the area allowed ... for example, you'd hate to have this break the whole layout of the page:

    WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

     



    Using Firefox will fix it too... :)

       -dZ.


  • @qqqqqq said:

    @drf said:

    <font face="Arial" size="2">The behavior is caused the overflow property set to auto for the ForumPostBodyArea class.  This has the effect of making the div containing post content scrollable, even when the length is insufficient to require scrolling, and keyboard navigation then attempts to scroll this div, rather than the parent window.  Removing this attribute in forum.css would fix the behavior.</font>

    How in hell did you find that? (damned impressive, at least to me)



    A person with sufficient CSS and overflow experience will immediately think of this as an option, and hunt down stylesheets.

    My own first guess was that overflow was removed from HTML/BODY and done unto some other element, but DRF actually looked and found.


  • @Alex Papadimoulis said:

    @drf said:

    <font face="Arial" size="2">Removing this attribute in forum.css would fix the behavior.</font>

    Good find! I do prefer having this attribute there, however, as someimtes the posts get wider than the area allowed ... for example, you'd hate to have this break the whole layout of the page:

    WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

     



    Makes me yearn for green screens.  If we hadn't abandoned the 24x80 standard and introduced GUIs, this never would have been an issue.

    Blame innovation.  Lets go back to carving in clay tablets and painting on cave walls like in the good old days.

    BTW, the class isn't applied to the div on the post page and breaks the layout.  I can definitely see why Alex wants to keep it turned on.

Log in to reply
 

Looks like your connection to What the Daily WTF? was lost, please wait while we try to reconnect.