On Change the Select is not triggering the click event of Input type file in Safari, but it works good in Chrome and Firefox.
Though the input type file is not hidden or visibility none.
My Fiddle :
`https://jsfiddle.net/vinoth06/yLshkbwp/8/`
Yes this seems to be the behavior in iOS and Safari.
The change event does get triggered in Safari as well.
However the file input click action alone doesn't get fired.
Suggestion:
If its fine to use a button instead of select, here's a fiddle extended from yours. https://jsfiddle.net/Le7dcz0b/
A button click event works! It's able to open your File upload dialog in Safari/Chrome.
Related
I am trying to select the text of my input field in unity, when clicking on it. It works in the editor, but none of selecting methods work on android devices.
The keyboard on android will only open itself by default on the following GUI elements: GUI.TextField GUI.TextArea and GUI.PasswordField. Make sure you are using one of these types for your inputfield. Also make sure "hide mobile input" is unchecked.
Alternatively you can make a call to open the onscreen keyboard yourself using TouchScreenKeyboard.Open(). Mind that if you open the touchscreen keyboard yourself it will not automatically populate the field field and you'll have to call to TouchScreenKeyboard.text to acces what the user is typing. Eg. myInputfield.text = myTouchScreenKeyboard.text to the set the text in myInputField
for all touchscreenkeyboard functionality see the docs here and here
While recording a specific step in katalon studio, and replaying it I get error. See attachment. I am trying to click on # linked button that opens a pop up and then I click on x icon to close the popup.
Second is a dropdown button, on click, it opens a dropdown, clicking outside of it closes the dropdown.
I am new to katalon and don't understand that while recording manually the objects do get captured but when I play them I get error ( shared below)
This is the URL: juggernaut.in
In this image I have highlighted where I want click actions
this is the error on click
It is probably because , the js is loading and katalon is not able to find objects, you could just use WebUI.delay() after or before action function and manually enter delay time by hit and trial and then check
I have an autocomplete dropdown box for city names as,
When i try to inspect one of the option elements using right click and Inspect Element, the dropdown menu disappears and inspect element takes me to the original page's dom.
How can one inspect dropdown menus using firebug inspect element?
With the suggestions dropdown visible and DevTools opened, press F8 and switch to the DevTools. You will immediately break at the JS blur handler for the field, so the dropdown will not be removed, thus you'll be able to inspect its DOM.
Edit HTML right click menu Chrome Dev Tool
In Chrome Dev Tool you can Right Click on the input where you type the adress, Scroll down to "Break On..." and select subtree modifications.
Go back to your input and start typing. It should Pause the app leaving you with the open suggestions dropdown.
Can't speak for Firefox, but in Chrome developer tools you can trigger a state on an element manually by right-clicking on the element in the developer window, and choosing the appropriate item (i.e. ':hover').
Inspect the dropdown/input element and remove the "Blur" event from the "Event Listeners"
When I have the JavaScript console open in Chrome, I am often unable to use forms, fill in inputs, or click buttons in the browser because Chrome is highlighting HTML elements for me.
Sometimes, it stops, but I don't know what I am doing to make it stop.
Is there a keyboard shortcut or something to make Chrome not highlight HTML elements and let me use the form on the page with the console open?
This irritation can be avoided by using a different keyboard shortcut. cmd+shift+c makes chrome inspect elements on the page, even after you switch to the Javascript console. cmd+option+j opens the console and lets you go on behaving like a user.
i am having some problems with the TinyMCE (V3.4.7) and JqueryUI (V1.8.14) Dialog
the following Fiddler link shows my example purfectly here
What i am trying to do is open a JqueryUI Dialog box with a TinyMCE WYSIWYG Editor in it.
the first time it displays properly. but if you click close and then reopen the box it will not show the Editor but just the TextArea.
Any help would be good. Thanks
Update
I did find out a solution that works for me, i have put up the working code here
What i am doing is check to see if the dialog has been opened before and if so just open it, then in the Open Function i test to see if the box contains an element with id_parent
if it does then this will be the editor (so do nothing) otherwise just init as usual.
it seems there is a problem with the JQuery Plug in as it does not remove the elements when you call tinyMCE.execCommand('mceRemoveControl',false,'editor_id') and when you re-add the editor it attaches to the first box available.
Problem here is that you need to shut down tinymce correctly in order to open an editor with the same id.
Use:
ed.execCommand('mceRemoveControl', false, 'editor_id');// editor_id equals the id of your textarea