Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. C

    CSS transition works on li element but not div

    Thank you again! Meanwhile, some more info in case anybody else happens along: Just accidentally discovered that if I give a fixed height (not max-height, but height) to the dropdownholder div that wraps around the button and its associated dropdowns, the transition on the dropdowns work - but...
  2. C

    CSS transition works on li element but not div

    Just made a Codepen to make it easier for folks to poke about: https://codepen.io/cklemow/pen/JjmBrjq
  3. C

    CSS transition works on li element but not div

    See my previous posts - in my first reply to you, I mentioned that the <i> caret is a down-pointing caret in fontawesome that indicates a dropdown menu. The exact same caret is used in one of the WW3Schools demos you originally posted about! I also included the javascript in that post, and in...
  4. C

    CSS transition works on li element but not div

    I also tried specifically targeting max-height in the transition CSS. No dice; same result. Works in expanded mode, broken in hamburger mode. (Re: the max-height bug mentioned in my last post - I checked with a screenshot in photoshop and the 100% max-height is 60px... somehow inherited from...
  5. C

    CSS transition works on li element but not div

    I fixed my positioning issues in my original build by wrapping a position: relative container around each button/dropdown instead of making the dropdown button itself the position: relative element - but in the process broke the transition animations in hamburger mode again. I don't understand...
  6. C

    CSS transition works on li element but not div

    Waitaminnut - closing the li DID fix the animation problem! (I just typoed on my first attempt.) YAY! You solved my problem! Now I just have to un-bork the dropdown positioning. THANK YOU!!!!!!!!! I knew it had to be something really stupid. :)
  7. C

    CSS transition works on li element but not div

    The caret is a FontAwesome icon - just a down-pointing caret to indicate a dropdown menu. It shows up fine on the demo link; I just didn't bother including the FontAwesome JS embed code 'cause it's not germane to my problem. Thank you for the nested li no-no guidance! I've closed the li button...
  8. C

    CSS transition works on li element but not div

    The hacky kludge fix for this (other than just ignoring the problem) is to switch to li and then use right: positioning to properly position the misplaced dropdowns in expanded mode, but I don't wanna have to recalculate that every time there are changes to the menu system...
  9. C

    CSS transition works on li element but not div

    I'm building a clickable responsive dropdown navbar menu with CSS and vanilla javascript. It's 99.99% working - probably well enough to use - but something weird is going on under the hood. I want the dropdowns to animate in and out, and it's working fine in expanded mode (classes including...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom