Page MenuHomePhabricator

mediawiki.notification: div#mw-notification-area remains visible and steals events after dismissing notification
Closed, ResolvedPublic

Description

  1. Trigger a notification
  2. Click on the notification to dismiss it
  3. The notification area (<div id="mw-notification-area">) is now empty, but still obscures a narrow strip in the top right corner:

$('#mw-notification-area').outerHeight()

12

$('#mw-notification-area').outerWidth()

269

$('#mw-notification-area').position()

Object {top: 89.59375, left: 1251.203125}

$('#mw-notification-area').css('z-index')

"10000"

This is a problem because the div steals events and mouse interaction from the UI elements below it. For instance, in VisualEditor:

  1. Open a page in VE
  2. Type '[['. The wikitext warning appears
  3. Click the warning to dismiss it
  4. Reveal #mw-notification-area in the inspector and observe how it's on top of part of the save button
  5. Very carefully move the mouse over the save button, and you'll notice a small (12px tall) area where mouse pointer is a normal pointer instead of a hand. Clicking in this area does not press the save button.

Version: unspecified
Severity: normal

Details

Reference
bz55457

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 2:15 AM
bzimport added a project: MediaWiki-JavaScript.
bzimport set Reference to bz55457.
Catrope created this task.Oct 8 2013, 8:26 AM

All you VE guys really should start looking through bugs that are already reported instead of adding more copies.

  • This bug has been marked as a duplicate of bug 52659 ***

Change 158659 had a related patch set uploaded by Catrope:
Followup 6c5b246: also hide #mw-notification-area upon creation

https://gerrit.wikimedia.org/r/158659

Wrong bug, sorry

  • This bug has been marked as a duplicate of bug 52659 ***