Resolved: Notification break responsive with long text

[Simone4e]

• Framework7 version: 7.0.8
• Platform and Target: Chrome
• Live Link or CodeSandbox: url

Describe the bug

The notification function with a very long text breaks the responsive format.

To Reproduce

Steps to reproduce the behavior:

Go to CodeSandbox and see notification.

For resolve (not at all)

If i use a simple test i can add a word-break: break-all; for resolve the problem, but if i use a list html the problem persist

In my case i add a class for resolve like:

JS:

app.notification.create({
  icon: '<i class="f7-icons if-not-md">exclamationmark_triangle</i><i class="material-icons md-only">warning</i>',
  text: `<div class="list simple-list listNotification"><ul>${notificationTrack.map(el => `<li>${el}</li>`).join('')}</ul></div>`,
  closeTimeout: 500000
}).open();

CSS

.listNotification li{
    white-space: normal !important;
    line-height: 24px !important;
}

---

Edit: Ok seems like the problem appear just for one long word and html content