Text Field Loses Focus

Discussion Ask a question
,
1

I have various pages where I have implemented the focus method on the first text field (tried $w.onReady as well as the text field viewportEnter events). When loading these pages first time it works, but whenever the pages load via a link from another page, the field loses focus after a second or so. Does anyone have a fix for this?

Here is a very simple example to demonstrate the issue. If you go to
https://astutesystems.wixsite.com/testsite/test-focus
You will see that Field 1 is correctly given focus when the page loads:

714×362 2.77 KB

Now go to https://astutesystems.wixsite.com/testsite and click on the ‘Register’ button which is a simple link to the first page. It focuses correctly for about a second and then loses focus… highlighting the field in red because it’s set to mandatory:

698×352 3.02 KB

My only solution so far is to do the focus on a setTimeout of about two seconds but that really isn’t a sensible option. If anyone has an alternative fix for this I’d like to hear about it!

1 Like
2

Can you post your code?

3

@jonatandor35 here you go - it’s extremely simple. The results are the same whether using the onReady function or viewportEnter.

$w.onReady(function () {
    $w('#txtField1').focus();
});

If handled via the viewportEnter function:

export function txtField1_viewportEnter(event) {
    $w('#txtField1').focus();
}
4

So I don’t know. Maybe someone else?

5

I tried resetValidityIndication() and couldn’t get this to focus without indicating a validity problem. Seems strange to me.

I’m going to pass this on to QA for evaluation.

6

A ticket has been opened for this issue.

7

Thanks - please let me know if/when it gets checked

8

Hi all! I got the same issue! Is there any update on it?
Thanks!

9

Same issue here… Any update?
Thanks in advance.

10

Same issue here, what is the ticket number? can we vote on it?

1 Like
11

I am having a seemingly similar issue where .focus(); doesn’t seem to work on ANY input field, whether loaded at the start via .onReady(); or within a function. It seems the entire .focus(); call is just broken. Any update on the ticket that was submitted 10+ months ago? It IS an accessibility feature, after all!

12

Hi There! Same problem here! Any news or workaround? thanks.

13

Hi @peteleyland ,

Issue has been fixed, please check on your end.

Thanks.