Issue Summary

As per this documentation: General UI Components - Messages, using announcement banners with 'fadeout' messages causes the GUI frame to shift up by the margin of the banner message. 

When the banner is displayed in the frame (issue screen or any) things seem to work fine. Once the banner disappears, the same area covered by the banner script in the frame is shifted upwards and hence we see extra space at the lower side.

Steps to Reproduce

1. Setup a Jira instance any version (reproducible on v10.3.5 and any older versions).
2. Navigate to 'System -> User Interface -> Announcement Banner'.
3. Set the banner script having fadeout message, example script shared below.

   <center>
   <div class="aui-message fadeout  aui-message warning closeable">
   <div style="background-color: yellow; border: 2px solid red; margin: 4px; padding: 2px; font-weight: bold; text-align: center;">
   There is a planned maintenance activity happening for newt 2weeks between 10PM to 6AM IST. Request users not to login to Jira during this time to avoid any loss of data<br> Please refer <a style="color: blue;" href="https://google.com"> here </a> 
   <span class="aui-icon icon-close" role="button" tabindex="0"></span> </div></div>
   </center>
   

Expected Results

When banner message disappears, the screen should automatically adjust to original frame size. It should not shift up by the margin of the banner message.

Actual Results

The screen frame shifts up by the margin of the banner message and lower space remains unusable. After refreshing the page or moving to different screen things repeat.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available. Try to use static banner scripts instead of fadeout script if possible.