Last modified: 2012-10-22 20:48:46 UTC
Dear, Wikipedia.org Developer. My name is Yun Ji Yun. I am in the S/W R&D Dept. for USYS co. My company is the subcontractor of Samsung mobile. We are checking Samsung’s mobile phones such as resolution 480*360 and 240*320 and 320*480 and 480*800 and Galaxy Note(TBM). I am writing you this mail to make an inquiry about some issues occurred after our verification. Also, we request the examination. As below, the Note Item fill out about Accessing way. We would be grateful if we could have your response regarding the modifiability and the progressing. Issue 1 In 480*800 and 240*320 and 480*360 resolution phone occurs the issue below. [Occurrence Path] Browser > Search & Enter “Wikipedia.org” [Occurrence Issue] The searching box overlaps slightly with the language selection part (English, Japan). ------------------------------------------------------------------------------------------------------------------------------------------------------ Issue 2 In 320*480 and 480*800 resolution phone occurs the issue below. [Occurrence Path] Browser > Search & Enter “Wikipedia.org” [Occurrence Issue] The search window of two appear to overlap up. ------------------------------------------------------------------------------------------------------------------------------------------------------ Issue 3 The below issue occur in have the Galaxy Note(TBM) resolution of Samsung smart phone model [Occurrence Path] Browser > Search & Enter “Wikipedia.org” [Occurrence Issue] The search-window array didn’t fix. And the Layout was broken. [Expected Result] The searching box should be modified to fit the screen. ------------------------------------------------------------------------------------------------------------------------------------------------------ ※ Note Item: * Browser에 URL - After inputting the Wikipedia.org, the issue occur. And we is reprocessing in Samsung’s mobile phones such as resolution 480*360 and 240*320 and 320*480 and 480*800 and Galaxy Note(TBM). If you have any questions, please feel free to contact us as the following email. [E-mail] jyyoon@usys.co.kr Your cooperation will be greatly appreciated. Thank you. Best Regards.
Good morning, Thank you for your feedback. Would you be so kind to include screenshots for the three issues, to help our CSS developers to understand the issue? Please also indicates the pages URL. Thank you.
Created attachment 11096 [details] The Screenshot Image is the (240-320)Resolution about the Issue 1 The Screenshot Image is the (240-320)Resolution about the Issue 1
Created attachment 11097 [details] The Screenshot Image is the (480-800)Resolution about the Issue 1
Created attachment 11098 [details] About the Issue 1,this image attach about 320-480 Resolution Screenshot.
Created attachment 11099 [details] The Screenshot Image is the Galaxy Note(TBM) resolution of Samsung smart
Thank you for the screenshots. [ Adding 'design' keyword, so our designers could look to this bug. ]
The problems here are due to the fact that on desktop the search box appears below the languages and globe. On mobile the search box appears below the wikipedia globe. The easiest way to fix this is to move the search box on desktop below the globe and above the languages. Otherwise we will have to resort to css hacks to fix this. Personally I think it's more in the interest for the user to search then to select a language from a list so this would be a more logical home...
Thanks for your feedback. Our issue did not tell about in the Desktop Problem. Our issue is telling in the occurring in Mobile Device. And Please request your CSS Development about our issue.
Also, we would be grateful if you could send the modification or presently progressing. Always, Welcome to your response.
Sorry I've possibly been too vague. The page for the desktop site for www.wikipedia.org is exactly the same as the mobile site for www.wikipedia.org - see bug 30389 for the background. The desktop site is responsively designed [1] and has some CSS media queries that appear to not render correctly on these Samsung phones due to some difference in the rendering issue for the Samsung phones you identify. I'm not sure when someone will get a chance to look into this (I suspect I won't for some time) but if you or anyone reading this fancies tackling the problem themselves you can propose changes by editing: https://meta.wikimedia.org/w/index.php?title=Www.wikipedia.org_template%2Ftemp which is the page that powers the homepage. I'm happy to review, test and get deployed a fix for this. I believe the correct solution is to adjust the html and css to remove the need for the search box to be styled via position: absolute and instead use position: relative [1] http://mobile.smashingmagazine.com/tag/responsive-design/
I can also replicate this on a Samsung Google Nexus one (Android 4.0.4)
Thanks for your feedback. As following contents, we had agreed about your discussion. And do you give your CSS team about our issue? Please wait your answer.
I had a stab at this but it makes quite a big change to the desktop site by shifting the search box underneath the Wikipedia logo - https://meta.wikimedia.org/w/index.php?title=Www.wikipedia.org_template/temp I think this is more useful (I'd love to know if there has been any analysis on how the homepage is used...) When we had this discussion earlier (see bug 30389) we decided the search box should be at the top of the page - so why should this not be the case for the desktop site? The reason we are seeing issues like this one is because we are having to hack the search box using absolute positioning in CSS to be above the list of languages. What do people think of this new design?
We are regretful, we are not about Web Page relative development. I am in the S/W R&D Dept. for USYS co. And we are difficulty to tell about to analysis the Source up to the modification solution. If you have no time about to fix our issue, please do you request the wikipedia Web Page Development? However, we are grateful that if you inform the Web page Development about our issue once more. Always, Thanks for your quickly answer. Best Regards.
Hi Yun Wikipedia runs on MediaWiki. MediaWiki is an open source project and you can easily get access to our source code: https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/core.git;a=summary It is hard to say how much time it will take for this to be fixed as there are a variety of factors. Usually what happens is if someone is experiencing the issue themselves they are most motivated to fix it so tend to propose the solution. If you wish, you or one of your colleagues can quickly get developer access to contribute fixes and improvements directly to MediaWiki via this link: https://www.mediawiki.org/wiki/Developer_access If you have never done so before there are some tips on how to get started contributing to an open source project here: http://open-advice.org/ The "web page development team" is informed about this issue by the existence of this bug (and related comments) on bugzilla.
https://meta.wikimedia.org/w/index.php?title=Www.wikipedia.org_template/temp needs to be agreed to and synced.
Note my previous (unsigned) attempt was reverted. https://meta.wikimedia.org/w/index.php?title=Www.wikipedia.org_template/temp&oldid=4126654
(moving back to Wikimedia, this is not related to MediaWiki)
