Framework: Interface.FieldEvents.FocusListener not working on some browsers

[JokerTheFourth]

Vaadin versions: 8.1.7, 8.1.6, 8.1.5, 8.1.4
A call of FocusListener (interface.FieldEvnets.FocusListener) not working on some browsers like Microsoft Edge or Firefox but it works well with Google Chrome and Opera.

Example:
textField.addFocusListener(new FocusListener() { @Override public void focus(FocusEvent event) { Notification.show("It works!"); } });

[wbadam]

Hi, I couldn't reproduce the issue using 8.1.4 on FF 56, IE11 or Edge with the given simple app that only contains the text field. All browsers seems to show the notification when the text field is focused.
Do you have some additional setup that could interfere with the event handling? Did you try the feature just with a very simple app?

[JokerTheFourth]

focus_issue.zip
Hi Adam,

I tried feature with simple app as you mentioned and it worked. But the
problem occurs in a more complex project structure.

For example: In my company, we took your Bakery starter App (Jave EE) and
adapted it to our requirements, but here FocusListener event doesn't work
on some browsers (Edge, Firefox).

For better understanding I attached .zip file. Here you'll find two maven
projects:

• focus_example_1 - simple app where everything works fine
• focus_example_2 - project where FocusListener doesn't work on Edge and
  Firefox browser.

I also tried FocusListener on Bakery App project where issue also occurs.

Vaadin version: 8.2.0

Best regards and of course Happy 2018!

Leon Stanko

2017-12-29 15:26 GMT+01:00 Adam Wagner [e-mail]:

Hi, I couldn't reproduce the issue using 8.1.4 on FF 56, IE11 or Edge with
the given simple app that only contains the text field. All browsers seems
to show the notification when the text field is focused.
Do you have some additional setup that could interfere with the event
handling? Did you try the feature just with a very simple app?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/vaadin/framework/issues/10414#issuecomment-354452384,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AgsDWxhBn5LiJvnc7POPhrQ_pVbdqmNcks5tFPZ4gaJpZM4Q2Yly
.

[draganr]

I have the same problem with BlurListener in TextField inside complex project structure with Firefox Browser. Issue is: #10805

[TatuLund]

I tested Focus and Blur listeners on Windows 10 / Edge (41.16299.371.0), Vaadin 8.3.1 and they both triggered correctly. There is number of reports of this issue, which indicates that something has gone wrong somewhere, but so far we have been unable to reproduce the issue.

[mcollovati]

I don't know why but in the attached project (focus_example_2) the problem seems related to vaadin-board-precompiled dependency and more specifically to the webcomponents-lite.js script.

If you remove from pom the dependency to vaadin-board-precompiled the focus listener works.

It work also with vaadin-board-precompiled if you prevent webcomponents-lite.js to be loaded (eg with a Filter that intercepts the call and returns an empty response)

[TatuLund]

@mcollovati Excellent observation!

webcomponents-lite.js is the polyfill library used with Board, since it is a webcomponent (we use webcomponents polyfill also in Flow). It quick glance I did not find generic issue reported in their issue tracker

https://github.com/webcomponents/webcomponentsjs/issues

If this turns out to be bug in polyfills library (i.e. it is somehow blocking the event), the issue should be filed there.

Similar issue has not been reported with Flow either yet.

[Artur-]

Board precompiled probably contains a quite old version of the polyfill. Would make sense to upgrade to the latest to see if it resolves the issue

[stale[bot]]

Hello there!

We are sorry that this issue hasn't progressed lately. We are prioritizing issues by severity and the number of customers we expect are experiencing this and haven't gotten around to fix this issue yet.

There are a couple of things you could help to get things rolling on this issue (this is an automated message, so expect that some of these are already in use):

• Check if the issue is still valid for the latest version. There are dozens of duplicates in our issue tracker, so it is possible that the issue is already tackled. If it appears to be fixed, close the issue, otherwise report to the issue that it is still valid.
• Provide more details how to reproduce the issue.
• Explain why it is important to get this issue fixed and politely draw others attention to it e.g. via the forum or social media.
• Add a reduced test case about the issue, so it is easier for somebody to start working on a solution.
• Try fixing the issue yourself and create a pull request that contains the test case and/or a fix for it. Handling the pull requests is the top priority for the core team.
• If the issue is clearly a bug, use the Warranty in your Vaadin subscription to raise its priority.

Thanks again for your contributions! Even though we haven't been able to get this issue fixed, we hope you to report your findings and enhancement ideas in the future too!

[draganr]

I have checked with Vaadin 8.6.0.alpha1 ana Firefox 62.0 and the bug is still active as long as I have a Board add on within my project.

[devdev-dev]

We too have the problem with ignored focus and blur events. We do not have a problem with the newest Firefox but with Edge and the Internet Explorer. We tried the deprecated Vaadin 7 and Vaadin 8 TextField component. For both versions, we are not receiving any focus or blur event. The Value/Text Change Event ist working though.

We tested the following browsers/versions:

• Works Firefox 63
• Does not work Edge 42.17134.1.0
• Does not work IE 11.285.17134.0

[draganr]

@devdev-dev Do you use Vaadin Board add on in your project?

[devdev-dev]

@devdev-dev Do you use Vaadin Board add on in your project?

Nope - We are not using the Vaadin Board Add On.

[stale[bot]]

Hello there!

We are sorry that this issue hasn't progressed lately. We are prioritizing issues by severity and the number of customers we expect are experiencing this and haven't gotten around to fix this issue yet.

There are a couple of things you could help to get things rolling on this issue (this is an automated message, so expect that some of these are already in use):

• Check if the issue is still valid for the latest version. There are dozens of duplicates in our issue tracker, so it is possible that the issue is already tackled. If it appears to be fixed, close the issue, otherwise report to the issue that it is still valid.
• Provide more details how to reproduce the issue.
• Explain why it is important to get this issue fixed and politely draw others attention to it e.g. via the forum or social media.
• Add a reduced test case about the issue, so it is easier for somebody to start working on a solution.
• Try fixing the issue yourself and create a pull request that contains the test case and/or a fix for it. Handling the pull requests is the top priority for the core team.
• If the issue is clearly a bug, use the Warranty in your Vaadin subscription to raise its priority.

Thanks again for your contributions! Even though we haven't been able to get this issue fixed, we hope you to report your findings and enhancement ideas in the future too!

[devdev-dev]

Unfortunately, the problem is still relevant and does not allow the use of Edge Browsers.
Is there any known fix or an updated version without that problem?

Works Chrome 77.0.3865.93
Works Firefox 69.0.1
Does not work Microsoft Edge 44.18362.329.0

We are using Vaadin 8.7.0

[TatuLund]

I think this should have been fixed by https://github.com/vaadin/board/issues/144