Unable to select a tag on Chrome mobile Android v12

[kerozen77127]

We encounter a bug when the list of tags appears below the tagify fields on Google Chrome and Firefox from our smartphone.

When this happens, if we click on a tag among those proposed, it is not selected and the browser acts as if we had clicked on the element behind the list.

However, when we go further in the search for the label by entering some letters, the system works.

Here are several image captures to explain our problem.

Work exemple 1 ✔️ The list opens above it works

Work exemple 2 ✔️ The list opens at the bottom but we do a deep search it works

Bug exemple ❌The list opens at the bottom without deep search it does not work

There is no error message in the console and it worked until recently.

Thank you very much for your help.

Best regards

[kerozen77127]

After long tests we think that the problem occurs when the tag list appears behind the keyboard, as you can see on the picture below.

If I click on one tag, the list closes and nothing is selected

[yairEO]

Have you tried debugging this on PC with viewport set to mobile size?

[kerozen77127]

Yes, it works when we tried to debug on PC with mobile viewport size. The problem only appears on smartphone with the keyboard open.

[yairEO]

I've just tried using my mobile Chrome and it works well on Tagify's demo page