Has anyone encountered this rather odd issue with UI Slider in IE. It's a basic slider, with a customised image for the handle. In IE, when you click and drag the handle, it only increases the value by one step (as defined via the 'step' parameter). It won't let you carry on dragging to the next "step" unless you click again and then drag it again manually.
Works fine in every other browser - you can slide to any step with a single click and drag.
Ideas appreciated.
This is an old question but for posterity: I had this problem as well and upgrading to the latest version of jQuery UI resolved it.
Related
I've added a controlled tour in my app using ReactJoyride. At a particular step, the tour will progress only when the 'Ongoing' tab/button is clicked (see image).
This 'Ongoing' button is inside the spotlight.
I've tested this manually and it works perfectly. However, while testing this using Selenium, I can't seem to find a way to click on this button.
I'm getting the following error :
It says that react-joyride__overlay will receive the clicks. But react-joyride__spotlight is a child element of react-joyride__overlay and i've enabled spotlightClicks.
The current code that i'm using is this : (test.rb)
the commented lines of code are the other ways that i've tested. All of them failed.
If you can point me in the correct direction, I would really appreciate it!
The problem here is, your desired element is overlay-ed by other element, so this other element is hiding your element. All you have to do is, you have check whether this overlay is permanent or temporary. If it's temporary, you have to write the code to wait until the other element gets disappeared, If it's permanent, then you have to issue the click on top of the other element so that your desired element would receive the click.
Let me assume your overlay is permanent so try this code
find(xpath: "//div[#class='react-joyride__overlay']").click
I have a large project on Vaadin, it works fine on Vaadin 7. But i have start to upgrade it to 8.0 and then to 8.1 versions. Everything is fine but focusing on ComboBoxes inside Grid. It sometimes works, but sometimes not. I look at debug console online and see that there is command to set focus received. But it not always really set focus on right component. On Chrome focus can lost from all components, in Firefox focus stays on previously focused component.
I have created simple testing Servlet with Grid component, which has some ComboBoxes as columns. It must imitate problem from large project's Servlet.
On each ComboBox added valueChangeListener, which moves focus to next ComboBox. At the last ComboBox there is moving focus on next line first ComboBox. And so on, until to last line, where it move focus on first line first ComboBox.
In test Servlet i cannot find error, all works like i want. Almost two weeks i tried to solve my problem, but cannot.
Update 2017-10-18:
I think i found my problem. There is an focus lost occured if line with focused component moves to another position.
I attach simple example. It is an Vaadin Servlet with 2-columns Grid. For focus testing i added static trigger with button. Open servlet in two browsers, select some values in ComboBoxes and play with buttons. On press button in first page it must react on second page and mix two lines. Periodically check focus on second page. On some button press line with focused ComboBox will move to another place and lost focus.
Link to example source on Vaadin forum
Link to example source on Dropbox
I have created a simple FastClick implementation. Issue I will be describing occurs with FastClick but since it seems more like a browser bug, i decided to create non-FastClick version to represent the issue.
https://jsbin.com/fofaxiniya/1
Test this on iOS device or simulator running iOS 8.1 or up.
Scenario:
at least iOS 8.1 or up
A simple page with two buttons with active and hover states.
touchend handler that creates a synthetic click event and disables the original click event.
Steps to reproduce:
On the device or simulator,
Click on the first button
Click on the second button that removes itself from DOM on click
The hover state of first button gets triggered.
Why is this annoying?
Because of this weird behaviour, combination of FastClick and Single page application leads to some button randomly being hovered on navigation. Which is definitely unwanted behavior.
I am already considering removing all the hover styles from touch devices. But if I could actually target the problem itself, which is getting rid of the random hover from happenning, that would be great.
Any attempt to shed some light on this will be highly appreciated. :)
I am New to Phonegap Development, I am Using jQuery mobile to create my UI. I have two Issues here,
Response of button for touch event is very slow. Why..?
I have Created a form with some elements like 2 Inputs text type, 2 Button one after another.
M problem is when I click on input, the keyboard popup makes the page move up, that's OK but when I press the keyboard resign button, the page stay little up.
Can you please help me out..!
and how to Optimize the responsiveness of JQuery mobile UI. I have completely avoided the images.
First, you can follow this link to remove the delay (300ms) from the click event.
And for the second one, i hope you are facing this issue for android. if so, then you need some changes to be done on the AndroidManifest.xml
Use below android property in application tag,
android:hardwareAccelerated="false"
android:windowSoftInputMode="adjustPan"
Will look something like
<application android:icon="#drawable/icon" android:label="#string/app_name"
android:hardwareAccelerated="false"
android:windowSoftInputMode="adjustPan">
This should resolve your issue.
I am trying to build a sortable navigation tree using jQuery UI Sortable. I have it working great in Firefox with no prblems. In IE it works pretty well, however, there seems to be some inconsistent issues when trying to move an item with a nested list down in its navigational tier. The list doesn't expand to create a drop point for the list in motion and it often fails, however, sometimes the sort works anyway. I have played with this for longer than I care to admit! Does anyone have any ideas?
Here is a link to a demo with source.
To duplicate the problem: In IE drag the row (Move Show Item 12) up a few rows then try to move it back down to where it started. (Note: to move items you must click and hold on move)
You might get what you want if you try setting placeholder in the .sortable() call, i.e:
$("#list").sortable({
placeholder : 'placeholderClass'
}
Then make sure you have a class .placeholderClass defined, and you can choose what styles to apply when a block is being dragged - Not sure of this is what you want - just a suggestion.
Check out these pages if you need more info.
I noticed that if you drag below the list and then back up into it it works just fine. It must be some kind of jQuery UI / IE bug.