New alert component doesn't appear to support classic alerts.

I have the same issue. The option was first introduced at https://www.drupal.org/project/bootstrap_barrio/issues/3037643 → but in 5.x all messages include bootstrap_barrio:alert => alert.twig that wraps messages in <div class="alert-wrapper"></div> that is then referenced in alerts.scss that has:

.alert-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;

A workaround is to apply

.alert-wrapper {
  position: unset !important;
}

see https://www.drupal.org/project/bootstrap_barrio/issues/3496694 🐛 Discrepancies between new alert.twig component and messages.js Active as well.

I think this is part of a larger issue where the template for alerts has deviated and there are now two versions -- one in new alert.twig component and one loaded via messages.js

I've added in a patch for the three message types.

I'm not seeing instances of alert-wrapper--bottom in alert.css as stated.

I do see the output of alert.twig and messages.js is standardized now.

New patch with even better working alerts (both varieties) and toasts

Looks like 📌 Allow the messages block to skip placeholdering Active was added to Drupal core 11.2.0-alpha1, so we should add that as the minimum drupal core version.

trackleft2 → changed the visibility of the branch 3485305-tgboat to hidden.

I've added a new merge request with a tugboat configuration so we can review this more easily.

New toast styles to match alerts:

trackleft2 → changed the visibility of the branch 3485305-new-alert-component to hidden.

I think we need to update the tabledrag.js to always include toasts.js when toasts is the theme setting.

New patch fixing z-index and toast colors

patch in #21 didn't apply to 5.5.20, adding new patch that applies on 5.5.20