Fd-Toolbar shouldOverflow doesn't work inside flexible-column-layout

[joseserrano15]

Describe your proposal

Hello. I'm having a problem with the shouldOverflow function of the Fd-Toolbar component when it's inside a flexible-column-layout. The toolbar elements aren't collapsing. It works perfectly when it's not inside the flexible-column-layout. I'm sharing the code structure in case it's actually my own mistake and not a bug.

<form [formGroup]="formFilters">
  <fd-toolbar style="height: 50px" [shouldOverflow]="true">
    <fd-date-picker
      fd-toolbar-item
      type="range"
      formControlName="period"></fd-date-picker>
    <fd-select fd-toolbar-item formControlName="center">
      <li fd-option value="AB01">Celaya</li>
      <li fd-option value="AA02">Apaseo</li>
    </fd-select>
    <button
      fd-toolbar-item
      fd-button
      label="Consultar"
      type="button"
      (click)="getData()"></button>
  </fd-toolbar>
</form>

<fdp-icon-tab-bar layoutMode="row">
<fdp-icon-tab-bar-tab label="Analíticos">
    <div style="max-height: 600px; overflow-y: auto">
      <fd-busy-indicator [block]="true" [loading]="loader()" title="Cargando">
        <fd-layout-grid>
          <div fdLayoutGridRow title="">
            <div [fdLayoutGridCol]="12" [colMd]="12" [colLg]="12" [colXl]="12">
    ....
</fdp-icon-tab-bar-tab>
<fdp-icon-tab-bar-tab label="Reporte">
    <fd-busy-indicator [block]="true" [loading]="this.loader()" title="">
      <fd-flexible-column-layout [(layout)]="localLayout" title="">
        <ng-template #startColumn>
          <div class="docs-fcl-example-section">
            <fd-toolbar
              title="Órdenes ({{ ordersToShow().length }})"
              style="height: 45px"
              [shouldOverflow]="true">
              <fd-toolbar-spacer></fd-toolbar-spacer>

              <fdp-search-field
                fd-toolbar-item
                placeholder="Buscar"
                [disableRefresh]="true"
                (searchSubmit)="onSearchOrder($event)"
                (cancelSearch)="onCancelSearchOrder()"></fdp-search-field>
            </fd-toolbar>

Working well on the first tab without fd-flexible-column-layout

Not working on the second tab with fd-flexible-column-layout

In addition, when change to the tab with the problem, I can see this error in the console:

An ErrorEvent with no error occurred. See Error.cause for details: ResizeObserver loop completed with undelivered notifications.

Which versions of Angular and Fundamental Library for Angular are affected?

Angular 21.1.1, Fundamental 0.59.0

Affected Component

No response

Steps to Reproduce (for bugs)

No response

StackBlitz example(s)

No response

Priority

None

Declaration

• I'm not disclosing any internal or sensitive information.