I am using ExtJS 4.0.7
I have grid on my page. If there is too much data scrollbar automatically comes, in Chrome, Mozilla IE even on Safari as well.
But when I try to access the same application in I-pad , scroll bar are not working.
Note:- Grids reast fetures i.e. pagination etc are working fine. Only scrollbar are not working.
Is there any specific reason for this ?
This is a known problem with Ext 4.0; it uses virtual scroller for grids and it's completely broken on touch devices. Ext JS 4.1 solves this problem and scrolling works on iPads, although scrollbars are not displayed.
Related
I am using the Flickity slider (from Metafizzy) in a landing page to show different products. The slider is in portrait size and not landscape.
The issue is that when the user only scrolls the top portion of the slider into the viewport on mobile (i.e. 20-30%) and they attempt to scroll/swipe the slide, the screen suddenly jumps to attempt to include the whole slider into the viewport.
This never happens on the mobile emulator on the desktop, but only on the smartphone device on safari and google chrome browsers
Is this intended to be a specific behaviour for the Flickity slider? Like I should not be using it to make portrait sliders? I've gone through the plugin options and not able to fix this behaviour. It never came up in early testing with dummy content.
I've provided a link to the github page where it is happening, you can open it up in mobile browser and see the viewport "jumping" bug when you attempt to scroll the table. https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
Disable the keyboard accessibility by setting accessibility: false in the carousel options. From the Flickity issue tracker.
Is there a trick to getting datatables.js horizontal scrolling with fixed columns to work on mobile? Things work great on desktop or in chrome-dev with dimensions of an iphone, but when actually viewing on an iphone, scrolling horizontally moves the entire table and the fixed columns don't work.
OK - the issue here was that things were in an iframe, and mobile browsers seem to take control of sizing of iframes and this is what was causing the problem.
Adding an inner div and some css per https://davidwalsh.name/scroll-iframes-ios seemed to address it.
I'm creating a windows 10 xaml app. One of the views contains a webview which fetches some html.
My problem is that although the default theme on the app is set to dark, the scrollbar in the webview is always light, which jars against the rest of the UI.
I've tried setting the RequestedTheme=dark on the webview, but no joy
Unfortunately this isn't possible since the WebView is based off of Edge and Edge doesn't currently support it, as you can see here. If Edge gets this feature, you could simply insert a STYLE into your head element to define the color.
A bug appeared after I upgraded the sencha touch fw from 2.3 to 2.4.2.
From time to time, when I scroll down or up the application, all the page scroll, and a black screen appear up or down...
This issue i random on iPhone.
Some people already experimented this issue ?
Thank you !
We have investigate this issue.
This issue appear when we try to scroll a list and some link are in the item template.
Scrolling with a finger on the link make the screen moves, scrolling with a finger outside the link the list scroll normally.
For the moment, as the application is in production, we just downgrade sencha to 2.3.1, and it's working.
So we stick on sencha 2.3.1 for the moment, and try to address the issue later.
I noticed that often when I scroll my bootstrap-page through chrome (mobile version), some parts freeze and other one scroll over and the effect is like image flickering.
I checked on my tablet (samsung galaxy tab 2) and on a friend's galaxy note.
Chrome browser is updated to current version!
For example I can get this effect scrolling down also the bootstrap documentation page like as http://getbootstrap.com/getting-started/
Why does it happen? Did you aware same issue?
Is it a chrome bug? Can I fix it through code?
Thanks a lot!
You can avoid the flickering by using this at the beginning of CSS
*{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}