[BUG] Offcanvas text going outside container on mobile.

[DogByteMarketing]

Describe the bug

It's happening on all depths and even occurs on the Bootscore website.

Steps to reproduce

1. Go to https://bootscore.me on mobile
2. Click the hamburger icon
3. Expand one of the sections

Screenshots and Additional Info

Website link

https://bootscore.me

[crftwrk]

Your screen is very very tiny ;-)

Bootstrap uses

.dropdown-item {
  white-space: nowrap;
}

You can see this issue on Bootstrap's example page as well https://getbootstrap.com/docs/5.3/examples/navbars-offcanvas/.

• Open an offcanvas
• Open dev console and add a long text to a dropdown-item and shrink browser.

Because we are following straight Bootstrap, we will not fix this here. It's better to create an issue in Bootstrap, but honestly I don't see any chance that they will do changes in dropdown.

However, you can quickly fix this in your child's _bscore_custom.scss:

@include media-breakpoint-down(md) {
  .offcanvas .dropdown-menu .dropdown-item {
    white-space: normal;
  }
}