Since upgrade to ios13 swiping stop working properly at least it doesn't work how I want it to work.
When swiping from bottom left to top right swiping right event doesn't get fired. Is there any updated version get released soon? I have defined like this in the template for an angular5.0 component. Before ios13 it was working as I expected.
Related
How do I configure my Redux DevTool within the Chrome Inspector window so that they are stacked like they are in the red square? Currently my view is the one in blue where they are side-by-side.
I was able to figure this one out by accident. The solution is very technical. You have to click and drag the left hand edge to the right. Dragging right will stack the view. Dragging left will expand the view.
there you can find three ways to view your redux devtools.
For me the answer ended up just being that I had to restart Chrome after initially installing the Redux Dev Tools extension. Before I restarted, it wasn't showing up in the inspector.
I have a problem with a scrollbar inserted through Ionic 2+ Framework.
I want to deploy a app in Windows 10. I have introduced ion-scroll and all is working. My issue is: When I change to "Tablet mode" and disconnect the mouse and keyboard,where I only can use the touch screen, then the scrollbar inserted is replaced by another scroll, more thinner and I can´t interact with that. I can´t swipe the scrollbar.
I´ve tried to solve the problema with jquery, where I have used jscrollpane, also I have implemented this with CSS (overflow) and Ionic 2+ framework as I have said before.
This code was working fine on my iphone before updating to iOS 9.0.1 (13A404), but now the same code seems to be working only after finger release, or after the jQuery onscroll ends, when I do a quick swipe leaving the page scrolling...
$(document).on('scroll', function(){
if( $(this).scrollTop() > 0){
$('.menu').addClass('sticky');
}else{
$('.menu').removeClass('sticky');
}
});
The sticky menu just disappears until I release the finger up from the screen, losing the "stickying" effect in realtime during the swipe that I had before in all my websites and that are now broken...
How can solve this problem making them working like I had before? (smooth sticky in realtime)
After observing the same behaviour and testing around a bit, the simplest way is to activate 3D transforms as proposed in a similar question:
.sticky-element {
-webkit-transform: translate3d(0px,0px,0px);
}
I am seeing the same behavior. It seems iOS9 doesn't want to paint position: fixed elements until AFTER a scroll event has ended.
Example: http://senaeh.de/demo/stickyheaders/simple/
The new sticky header will not show until either the page stops scrolling or the user removes their finger from the screen. Other CSS changes such as background-color work as they should.
This is a regression since iOS8 allowed this completely. Sticky headers are unfortunately not smooth as of ios9.0.1. They still work great on aging Android devices so I'm not sure if this is a bug or if Apple is trying to increase battery life.
EDIT: I filed a bug with Apple (#22902083) so let's hope they make an update to remedy this.
I am using bootstrap to develop a responsive website. I have tested it in Firefox, Chrome and IE where everything seems to be working, but the dropdown menu (in main menu) adds a offset to it self in Safari.
I checked the Safari inspector to see what went wrong, but the inspector seems to think that the dropdown menu is displayed correctly - even though it is not.
See http://birdatwork.com/stackoverflow/safari-bug.html for an example of what I am talking about.
The site can be seen at http://kik.vejnoe.orvad.net/en.
Hope you can help find out why it happens.
I have not found out why it happens, but I have found a solution. The solution is that I wrote some JavaScript that listens for clicks on menues and window resize events (only in Safari). Whenever one of these events happens the code will position the menu to the left by using the jQuery offset function.
I have noticed that if a VScrollBar component contains RichEditableTextFields then when I am scrolling the component, and the mouse falls over a text field, then the component stops scrolling because the mouse cursor has changed and the mouse focus is on the text field. (even though I haven't given focus to the field by clicking on it).
This feels pretty buggy and I'm wondering if there is a way around it?
Edit: I should add that this only happens on Mac OSX when using the touchpad.
This has now been fixed in the 4.6 SDK. The workaround is to update your SDK version.