mcasimir / mobile-angular-ui

Angular.js Mobile UI Framework with Bootstrap 3
http://mobileangularui.com/
MIT License
2.87k stars 709 forks source link

Forms page does not work well on Android Wechat #306

Open xjmalm opened 9 years ago

xjmalm commented 9 years ago

Is anybody using mobile angular UI on wechat? I encounter an issue on the Android Wechat, I almost can not click on an field to focus it, sometimes it works if I click on it many times.

I tried to remove the class "scrollable-content" from forms.html, the click works but the page scrollable is disabled. Is it something incompatible about the scrollable related CSS?

It works on iOS Wechat very well, and also it works well on Android if I use Chrome browser directly instead of opening it in Wechat.

The browser information I copy from the index page in Wechat is following: Mozilla/5.0 (Linux; U; Android 4.4.4; zh-cn; HM NOTE 1LTE Build/KTU84P) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025469 Mobile Safari/533.1 MicroMessenger/6.2.2.54_rec1912d.581 NetType/WIFI Language/zh_CN

zhang-z commented 9 years ago

I just tried open this page in wechat: http://mobileangularui.com/demo/#/forms It works well in my phone. Can you provide the URL of the problematic page?

xjmalm commented 9 years ago

HI zhang-z, I also tried your page in wechat, with both my Android phone and Apple phone, the Apple phone works very well, but on my Android phone it has the same problem.

The reproduce step: . in my wechat administration, I configured a menu item to link to your page http://mobileangularui.com/demo/#/forms . using Android phone to access my wechat as an end user, click the added menu item to access your page. . in the form page, click on the user name field, the focus is on the user name field successfully - I realize that first click on a field always works. . and then try to click on the password field, the focus can not be moved on to this field, if you try to click multiple times, sometimes it works.

I tried several different Android phones, none of them works.

Thanks & Regards

zhang-z commented 9 years ago

Not sure what do you mean by "in my wechat administration".

I opened the page with two approaches: send a message with the URL to myself and click it; generate QR code of the URL and scan it in wechat. Couldn't reproduce the issue in either approach. FYI, I'm using Redmi2, Android 4.4.4, Wechat English version (downloaded from GooglePlay)

xjmalm commented 9 years ago

Thanks for the information. But I can easily reproduce this issue with your approach "send a message with the URL to myself and click it" :( I am using wechat Chinese version, I will try a English version later.

mean-studio commented 9 years ago

Hi i tried it in wechat 6.25 on my chinese lenovo. It works.

xjmalm commented 9 years ago

i am using wechat chinese version 6.2.6 on my android phone. can you please switch to the mobile angular UI home page,and share your device detail information which displayed at the bottom of this page?

many thanks,

发自我的 iPhone

在 2015年10月3日,22:38,denizdavutoglu notifications@github.com 写道:

Hi i tried it in wechat 6.25 on my chinese lenovo. It works.

— Reply to this email directly or view it on GitHub.

mean-studio commented 9 years ago

Sorry for late replay. This is debug info on my phone. Lenovo-A788t_TD/S100 Linux/3.4.39 Android/4.3 Release/08.15.2013 Browser/AppleWebkit534.30 Mobile Safari/534.30 MicroMessenger/6.2.5.53_r2565f18.621 NetType/uninet Language/en

xjmalm commented 9 years ago

Thanks denizdavutoglu for the reply. But from your information, it seems you are not accessing from wechat because there is no information like "MQQBrowser". And also it seems your language is "en" rather than Chinese.

Anyway thanks for your information and help.

mean-studio commented 8 years ago

Hi, As I told you I run it by clicking directly to link within wechat. It opens internal window, not my browser. You are right , I'm "lawey" and cant read Chinese. My interface is English.

2015-10-10 10:56 GMT+08:00 Ma, Xiong-jie notifications@github.com:

Thanks denizdavutoglu for the reply. But from your information, it seems you are not accessing from wechat because there is no information like "MQQBrowser". And also it seems your language is "en" rather than Chinese.

Anyway thanks for your information and help.

— Reply to this email directly or view it on GitHub https://github.com/mcasimir/mobile-angular-ui/issues/306#issuecomment-147026478 .