Tooltip in modal popup doesn't use available space

[Stefei]

Prerequisites

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

What happened?

Tooltips inside modals don't use all available space. Below is the code to include in the modal to reproduce the issue

For the screenshot we used a modal with size 840:

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

Angular, JavaScript

Which version of iX do you use?

v2.1.0

Code to produce this issue.

<div style="display: flex; margin-top:600px; margin-bottom:600px">
    <input checked id="checkbox_1_1" name="group_1" type="checkbox" />
    <label for="checkbox_1_1"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</label>
    <div id="test">
      <ix-icon size="24" name="name" name="info"></ix-icon>
    </div>
    <ix-tooltip style="align-self: flex-start;" for="#test">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </ix-tooltip>
  </div>

[github-actions[bot]]

🤖 Hello @Stefei

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-1206