https://bugzilla.wikimedia.org/show_bug.cgi?id=67243
Bug ID: 67243
Summary: jQuery UI 1.9.2 autocomplete makes triggers content
vanishing in Chrome, Opera next
Product: MediaWiki
Version: 1.24-git
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: JavaScript
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected],
[email protected]
Web browser: ---
Mobile Platform: ---
Original bug title:
jQuery UI 1.9.2 autocomplete makes triggers content vanishing in Chrome, Opera
next
This has been reported upstream as
https://code.google.com/p/chromium/issues/detail?id=388779
Another issue was reported with out gadget cat-a-lot which also uses jQuery UI
1.9.2 autocomplete.
Here is the full description (copy):
Example URL:
http://commons.wikimedia.org/wiki/User:Rillke/x?withModule=ext.gadget.UserMessages
Steps to reproduce the problem:
1. Go to
http://commons.wikimedia.org/wiki/User:Rillke/x?withModule=ext.gadget.UserMessages
2. Click "Notify this user" in the sidebar
3. Start typing in the "Select the template to be added to the user's page..."
text-input
What is the expected behavior?
- jQuery UI dialog widget does not disappear, dropdown on top of the dialog
widget.
What went wrong?
http://imgur.com/F9xFj1x,eoXHwJK
- jQuery UI dialog widget disappears (though inputs are still accessible)
- some parts are still visible so it really looks like something went wrong
with rendering
Does it occur on multiple sites: N/A
Is it a problem with a plugin? No
Did this work before? N/A
Does this work in other browsers? No Opera Next 23.0
Chrome version: 35.0.1916.153 m Channel: stable
OS Version: 6.1 (Windows 7)
Flash Version: Shockwave Flash 14.0 r0
- When I display:none the #AjaxUmContainer, the outer container becomes visible
again.
- Mozilla Firefox (latest RC) and Internet Explorer 11 do not have this issue.
- It became an issue after update to jQuery UI 1.9.2 from 1.8.24
- I am using an ATI Radeon HD 7500G video card.
- Use
http://commons.wikimedia.org/wiki/User:Rillke/x?debug=true&withModule=ext.gadget.UserMessages
if you want to have pretty JS code
Tracked this further down: It appear to be
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible">58
results are available, use up and down arrow keys to navigate.</span>
which has set css to
position:absolute; left:-99999999px;
Changing to
position:absolute; left:-9999999px;
solves the issue. Blink should gracefully handle this:
http://www.w3.org/TR/CSS21/syndata.html#unsupported-values
"4.3.8 Unsupported Values
If a UA does not support a particular value, it should ignore that value when
parsing style sheets, as if that value was an illegal value."
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
