WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 2 years ago

#45186 new defect (bug)

Admin notice jumps from above the H1 to below it when created.

Reported by: dschalk Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.9.8
Component: Administration Keywords: needs-patch
Focuses: ui, administration Cc:

Description

Admin notices first appear above the H1 of a page, and then jump to just below it one second later. It is easy to reproduce by going to Settings->General-> Click "Save changes". You will see the "Settings Saved" notice jump from above the H1 to below it. You can see it in the gif below:
https://www.dropbox.com/s/438bwkztew9349s/admin_notice.gif
This also happens for custom notices, for example any class="notice notice-warning" will also jump.

Attachments (1)

admin_notice.gif (857.2 KB) - added by dschalk 2 years ago.
gif that shows how notification jumps

Download all attachments as: .zip

Change History (4)

@dschalk
2 years ago

gif that shows how notification jumps

#1 @swissspidy
2 years ago

Hi and welcome to WordPress Trac!

That's an interesting report, because notices are moved below the heading on purpose to make for a better and more accessible site structure. Since this happens using JavaScript, there's a short period of time where the notice is visible before the heading until the JavaScript is loaded and executed.

#2 @SergeyBiryukov
2 years ago

  • Component changed from General to Administration

#3 @dschalk
2 years ago

Hi @swissspidy, thank you for your quick response and explanation. It was my guess as well that it had something to do with the timing of elements being loaded on the page. I hope it does not mean it would be complicated to fix. I understand it is a very minor issue.

Note: See TracTickets for help on using tickets.