swiper.js content misplaced when keyboard appears on android webview - javascript

swiper.js content misplaced when keyboard appears on android webview.
this is page 2,the icons are misplace
I have try use min-height to fix, but it didnt work, and I want to know how to fix or how I can know the layout of the web on wechat app

Related

Summernote not working correctly in iOS Cordova app

Using the library summernote (https://summernote.org/) inside Cordova iOS app, seems not working.
The code works correctly con Safari on web and Chrome app simulating the app.
In particular, clicking in the text area opens the keyboard correctly, but the typed text is not recognized. Digging deeper it seems that summernote turns the textarea into a series of div tags that the virtual keyboard doesn't recognize. Has anyone already encountered this problem?

Scroll doesn't work on my website

For some reason I can't scroll on a website that I am working on. Eventhough u see the scrollbar and u can drag it up and down. It doesn't work with the mousewheel or arrows. This problem is only on chrome on a windows machine. It does work on other browsers and also works on mac.
When I refresh the website with inspector open it does scroll, and when I hold my mouse on a google maps iframe it also scrolls.
Tried to fix it with css, but that didn't work.
Does anyone know what it could be?
Try to install an origin template from wordpress (Like Twenty xxx) and test it.
If it's work, you've a problem with your own template. If not, re-install Wordpress.

Crosswalk webview on Cordova not resizing after fullscreen

I'm using Crosswalk webview on Cordova to display a webApp made with Ember.js.
In some pages the app have iframes which open a Vimeo player, and I allow them to play in fullscreen.
When the user plays it, it enters fullscreen automatically, resizing the page to increase its height. But, if the user closes fullscreen (or when the video ends and the fullscreen closes), the page isn't resized back to the original height, and my top menu gets hidden behind the mobile status bar.
If then I navigate to another url, the page gets resized and everything is beautiful again.
My question is: is there any javascript/CSS trick I could try to get around this?
INFO: I tested this against 2 phones, one Android 4.1 and the other Android 5.0, and it only happened in the Android 5.0 one. So maybe this is a Crosswalk bug. Doesn't happen at all if I use the native webView, but I wanted to avoid switching to it.
Any help appreciated ;)

Android ActionBar doesn't hide after text input in cordova/phonegap with marshmallow

This seems like it could be a bug, but as with all things i'm sure there is also a work-around. The problem description is this; using cordova to develop an android app with a simple page with some textfields, when typing into those fields on the app the softkeyboard appears so that you can enter text, but then when you either "enter" or focus on another element, the keyboard fades away but leaves the "ActionBar" at the bottom of the view.
The ActionBar remains, and if one's app is designed to run full screen - the action bar may overlap app content. The ActionBar itself cannot be swiped down or removed by the end user except for swiping down from the very top (the title bar) then swiping back up again.
This seems to be an issue as of Android 6.0.0 or perhaps I just wasn't noticing it before.
I've noticed that with the plugin cordova-plugin-dialogs that when i use the alert dialog after i close it, the actionbar hides, but I think that ultimately the scenario that would work best is that after X-timeout from typing in a textfield and/or the softkeyboard fades out, the ActionBar should fade out too.
Any suggestions on how to manage the Android ActionBar in PhoneGap - I've seen some other similar questions but generally asking how to show it, seems like getting it to hide is less popular?
After much searching I was able to determine that the phonegap fullscreen setting doesn't necessarily give way to full "immersive" mode by default. After adding the plugin cordova-plugin-fullscreen and setting the immersive mode from the plugin, I was able to resolve this issue.
https://www.npmjs.com/package/cordova-plugin-fullscreen

Horizontal scrolling does not work on mobile devices

I'm having a bit a of problem with a navigation not working as it should. If you view the following site on a non-mobile browser, you'll get an idea on how the navigation should function.
www.snottrocket.com
The problem is with mobile platforms. I've viewed this site on an android phone and iPad and it doesn't work as it does in a desktop browser. I do recall that it worked fine with the android before but it may be that the phone's browser has been updated or something.
I thought that maybe it had to do with URL masking but I'm not sure. Essentially, this site lives in a directory under another website and uses URL masking to display snottrocket.com in the url window. This is done with an iFrame but i'm not sure if it's the reason.
I'm assuming the other reason may be the JS code for the scrolling functionality.
Either way, i'm kind of stuck. Anyone want to take a crack at it and tell me what I'm missing or how to solve it?
Thanks in advance.

Categories

Resources