v6: Components - feedback / bugs

[coliff]

I'm keeping a running list of issues/bugs/requests (non exhaustive right now, but I'll keep it updated).

Accordion

Alert

Avatar

Badge

Breadcrumb

Button group

Buttons

• Not specific to Buttons exactly, but I really think we need theme-light for components which are always light (in both light and dark mode) and theme-dark for components which are always dark (in both light and dark mode). I'm missing theme-dark a lot already and having to use bg-black/fg-white and other utilities in its place.
• Suggestion: aria-disabled buttons should have same CSS as disabled aria-disabled buttons should have same CSS as disabled #39727

Card

Carousel

• Dark carousel chevron icons are dark grey on dark gray. could do with improved contrast

Close button

• Dark variant docs says you just need to add data-bs-theme="dark" but in the example you also need to add fg-white class to the SVG.

Collapse

Dialog

• We should add a 2XL dialog. (I requested this for v5 a few years ago and there's an open PR for it modal-xxl size #39433)

Drawer

List group

Menu

• BUG?: Submenus can be used by tabbing to go through options but I expected to be able to use arrow key (not sure if it's a bug or not). You can use arrow key to cycle though non-submenus, it just skips the submenus.

Nav

Nav overflow

Navbar

Pagination

Placeholder

Popover

Progress

• BUG?: If you set a taller custom height like in the example, the corners aren't perfectly round and I think they should be.

Scrollspy

Spinner

Stepper

Tab

Toasts

Toggler

Tooltip

[mdo]

I'm torn on SVGs as masks because CSS file-size, customization, and future web components implementations can nullify the problem of repetition and extra markup. Hmm… will think on that more.

[crdo]

Drawer Sheet variant docs are missing. Found it in the sources.

[crdo]

Navbar with inverse theme does not handle hover state of hamburger menu correctly.
Repro: narrow down the navbar to show the hamburger and hover the blue or dark version of navbar.

[crdo]

Drawer/Dialog - different backdrop color. Drawer has light backdrop, Dialog has dark backdrop. Should be same, or consumer should be able to choose.

[JredLewis]

OTP Input - Is it possible to allow the placeholder attribute to be passed down from the input to the slots?

[coliff]

There are some fixes and improvements to OTP input in an open PR:
#42524
Take a look and maybe comment there with any feedback.