Error with jquery focus (I do not know how to specify question correctly)
I created a jquery component, using the jquery-ui autocomplete. The component works correctly and basically is an input with autocomplete, and after selected, they have seen a span tag
but there is a problem in specific. what happens, is that when the page loads, and tighten tab, the focus goes correctly to the component I created, I type something, and the options are shown, then I select the one I want, and when I press tab, the focus goes to the next field. but the only thing I identified, when I click on the input, type, and select the focus goes out of the page, ie to the top of the browser (more precisely, before the address bar, which does not make any sense .).
Testing there, I put a beak point on all focus events, and I noticed that when I click on the component and select the tab result, it does not trigger the jquery focus event, and when I select the input without clicking, the event is fired . Would anyone have any idea what to do or search, so you can solve this?
This two events its not triggered when i set focus with click:
Any ideia or clue, please.
Obs. My component dont have any events about click or focus.
Tanks
javascript jquery focus jquery-ui-autocomplete
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
add a comment |
I created a jquery component, using the jquery-ui autocomplete. The component works correctly and basically is an input with autocomplete, and after selected, they have seen a span tag
but there is a problem in specific. what happens, is that when the page loads, and tighten tab, the focus goes correctly to the component I created, I type something, and the options are shown, then I select the one I want, and when I press tab, the focus goes to the next field. but the only thing I identified, when I click on the input, type, and select the focus goes out of the page, ie to the top of the browser (more precisely, before the address bar, which does not make any sense .).
Testing there, I put a beak point on all focus events, and I noticed that when I click on the component and select the tab result, it does not trigger the jquery focus event, and when I select the input without clicking, the event is fired . Would anyone have any idea what to do or search, so you can solve this?
This two events its not triggered when i set focus with click:
Any ideia or clue, please.
Obs. My component dont have any events about click or focus.
Tanks
javascript jquery focus jquery-ui-autocomplete
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55
add a comment |
I created a jquery component, using the jquery-ui autocomplete. The component works correctly and basically is an input with autocomplete, and after selected, they have seen a span tag
but there is a problem in specific. what happens, is that when the page loads, and tighten tab, the focus goes correctly to the component I created, I type something, and the options are shown, then I select the one I want, and when I press tab, the focus goes to the next field. but the only thing I identified, when I click on the input, type, and select the focus goes out of the page, ie to the top of the browser (more precisely, before the address bar, which does not make any sense .).
Testing there, I put a beak point on all focus events, and I noticed that when I click on the component and select the tab result, it does not trigger the jquery focus event, and when I select the input without clicking, the event is fired . Would anyone have any idea what to do or search, so you can solve this?
This two events its not triggered when i set focus with click:
Any ideia or clue, please.
Obs. My component dont have any events about click or focus.
Tanks
javascript jquery focus jquery-ui-autocomplete
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
I created a jquery component, using the jquery-ui autocomplete. The component works correctly and basically is an input with autocomplete, and after selected, they have seen a span tag
but there is a problem in specific. what happens, is that when the page loads, and tighten tab, the focus goes correctly to the component I created, I type something, and the options are shown, then I select the one I want, and when I press tab, the focus goes to the next field. but the only thing I identified, when I click on the input, type, and select the focus goes out of the page, ie to the top of the browser (more precisely, before the address bar, which does not make any sense .).
Testing there, I put a beak point on all focus events, and I noticed that when I click on the component and select the tab result, it does not trigger the jquery focus event, and when I select the input without clicking, the event is fired . Would anyone have any idea what to do or search, so you can solve this?
This two events its not triggered when i set focus with click:
Any ideia or clue, please.
Obs. My component dont have any events about click or focus.
Tanks
javascript jquery focus jquery-ui-autocomplete
javascript jquery focus jquery-ui-autocomplete
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
asked Nov 21 '18 at 13:48
Wilson Ribeiro
10614
10614
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55
add a comment |
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53413535%2ferror-with-jquery-focus-i-do-not-know-how-to-specify-question-correctly%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53413535%2ferror-with-jquery-focus-i-do-not-know-how-to-specify-question-correctly%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
It would help if you could provide a minimal example for us to test it.
– Jacque Goupil
Nov 21 '18 at 13:55