ix-pagination gets out of parent element

[m7mdyahia]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

• ix-pagination gets out of parent element
• even if parent element has fixed width
• even if pagination has fixed width

<div style="width: 10rem;background-color: ivory" class="d-flex flex-column h-100 p-3 border">
  <div class="overflow-auto">
      <ix-event-list itemHeight="40" animated="false">
          <ix-event-list-item  *ngFor="let movie of movies">
              <span>{{ movie }}</span>
          </ix-event-list-item>
      </ix-event-list>
  </div>
  <div style="height: 40px;background-color: aqua"></div>
  <div class="w-100">
      <div style="height: 40px;background-color: beige"></div>
      <ix-pagination count="100"></ix-pagination>
  </div>
</div>

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

latest

Code to produce this issue.

https://stackblitz.com/edit/stackblitz-starters-sm5fbn?file=src%2Fapp%2Fapp.component.html

[github-actions]

🤖 Hello @m7mdyahia

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-2026