dropup within collapsed navbar displays upward caret instead of downward

Created by: Hopper262

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Within a navbar, one can use the .dropup class for upward-expanding dropdowns, which works great for footer navigation. When the dropup is collapsed behind a toggler, it always expands downward (which makes sense), but the caret still points up. I expected the downward-pointing caret to be used when it's in the collapsed state.

I'm not sure whether the dropup case is officially supported -- there are no examples showing it -- but it's super helpful and I've noticed no problems aside from this minor cosmetic glitch.

Reduced test cases

https://stackblitz.com/edit/xkvnwe?file=index.html

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome, Safari

What version of Bootstrap are you using?

v5.2.3