Alert Notification not coming top of the screen when the page is scrolled down

[Aishwarya59]

Hi,

I am using an alert notification on my workspace but when I scroll down on the page, the message (alert) still appears on top of the page (and not on top of the current screen), as a result it is not visible.

See below images for reference:

1. The alert message appears properly when I am on top of the page:

2. The alert message gets hidden when I scroll down in the page:

I want the alert notification to be on top of the current screen, always.

I am using the following API configurations, to show this alert message:

api.emit("NOW_UXF_PAGE#ADD_NOTIFICATIONS", {
                    items: [{
                        id: "addNewEntityDisable",
                        status: "critical",
                        icon: "circle-exclamation-outline",
                        content: {
                            type: "html",
                            value: "<span>" + "Unable to add new capability. User needs to have 'test 1' or 'test 2' role, in order to add new capability." + "<span>"
                        },
                        action: {
                            type: "dismiss"
                        },
                    }]
                });

Here is a link to the documentation of the API:

https://developer.servicenow.com/dev.do#!/reference/next-experience/sandiego/now-components/now-aler...

Any help would be highly appreciated!

Regards,
Aishwarya