Links getting activated by touching elsewhere
Everything is okay with Chrome and Android Browser in this example: http://jsfiddle.net/6512pu9b/6/
But in Firefox mobile, touching the lines which are not links in the following example causes one of the links to get activated.
Is there any way to make Firefox mobile behave like the other browsers?
Chosen solution
Temporary solution:
Adding an "onclick" attribute (whether empty or not) to each unlinked element makes it touchable in Firefox browser.
This can be achieved through a small JavaScript loop.
Read this answer in context 👍 0All Replies (4)
Or is this a bug which nobody can do anything against it?
I definitely see a problem on that fiddle.
I created two test pages, one that works as expected and one that has the same problem as your fiddle. The difference is simply an extra list item in the working page. But when loaded on Firefox Mobile, the text size on the page with the five item list is very small (either initially or when I double-tap a blank area of the page), and I think this is related in some manner.
Five-item list: http://jeffersonscher.com/res/click5.html (problem)
Six-item list: http://jeffersonscher.com/res/click6.html (no problem)
Now... I tried to add a little navigation to pages to easily switch between them, but then they both worked normally. So there might be something particular about the line lengths, number of lines, etc., at play here.
Hi Jefferson,
I think you added an interesting observation: Even without CSS the problem can be produced, and an extra item makes it disappear.
Seems clearly to be a bug. If so, it must be reported.
However, perhaps someone has an idea for a workaround till the bug is fixed?
Chosen Solution
Temporary solution:
Adding an "onclick" attribute (whether empty or not) to each unlinked element makes it touchable in Firefox browser.
This can be achieved through a small JavaScript loop.