Last modified: 2014-05-16 17:55:10 UTC
The position of search Suggestions somehow is a bit strange on other skins. For example take a look at my maintained cavendish skin on http://www.wecowi.de The box with sugesstions is far to right and trying to add margin does not work because mediawikis common css kills all tries.
<div class="suggestions"> on your website has the style attributes "top: 86.9px; bottom: auto; width: 276px; right: 139.2px" On en.wikipedia.org, this is: "top: 65.1px; bottom: auto; width: 198px; right: 6.91669px" Looks like that's the place to locate and edit, wherever that comes from?
This is generated with javascript I guess. The problem is, that this Javascript works only correct if the buttons are below the textinput because the javascript looks for the form and makes the position after this and not from the position of the textinput.
Created attachment 12751 [details] example screenshot It's really sad, that nobody cares about such bad styled things, that prevent other developers in creating great new skins for mediawiki.
You should be explicitly using a data-searchsuggest-expand-dir="left" (for LTR) or "right" (for RTL) attribute on your #searchInput. It's positioned in a way that's throwing off the automatic detection. Or feel free to reopen this bug and submit a patch that will make it work in your skin and not break anything in all of the other skins it currently supports. (In reply to comment #3) > It's really sad, that nobody cares about such bad styled things, that prevent > other developers in creating great new skins for mediawiki. If by "great skins" you mean "your skin", then let me point out that the linked website is throwing JS errors as soonas someone visits it. I'm not going to be fixing it for you for free.
Hmmmm actually, this might be caused by you using really weird margins on <body> and $.suggestions not expecting that.
Change 72937 had a related patch set uploaded by Matmarex: jquery.suggestions: Use document width instead of <body> width for position calculation https://gerrit.wikimedia.org/r/72937
Change 72937 merged by TheDJ: jquery.suggestions: Use document width instead of <body> width for position calculation https://gerrit.wikimedia.org/r/72937
The fix seems to be causing noticeable issues, a revert was proposed: https://gerrit.wikimedia.org/r/#/c/130425/
The revert was merged, reopening. If anyone comes up with a solution that doesn't cause bug 54091 and bug 64233, I'd love to merge it.
