Layout issues with Taiga UI in Angular 20
15:02 12 Nov 2025

I set up a new Angular 20 project with TaigaUI (stack overflow tag not available yet) and i faced several layout issues that i can`t get to work.

In the bottom action bar you see if TUI detects mobile or desktop layout.

  1. The TUI example-alert is always shown on the top left corner (no matter if mobile or layout). - Example Alert

  2. The content of the bottom action bar is only shown correct in mobile layout. - Example Action Bar

  3. In desktop layout the dialog is also shown almost top left. Mobile layout seems to work. - Example Dialog

app.component:


  

Hint:

I use zoneless change detection but since Taiga UI already use signals in its examples, i don´t think that this is the problem.

Mobile Layout:

enter image description here

enter image description here

Desktop Layout:

enter image description here

enter image description here

angular uicomponents