Title: 'Open in new tab' option doesn't appear for links in safari for ios
Tags: javascript;ios;html;safari
Question: I have a webapp with links like that:
<a href="/articles/"&gt;Articles</a&gt;
That I am controlling with js inside my app:
$(document).on("click", 'a', function(ev) {
ev.preventDefault();
ev.stopPropagation();
var href = $(this).attr("href");
if (href) {
window.app.navigate(href, {trigger: true});
All is working properly on desktop, if new user simply clicks in the link it's opened through js and if the user clicks the right button over the link can select the option 'Open in new tab' and it's working.
The problem is that in Safari (ios) if I press for a second over the link don't appear any option...
How can I fix that?
Thanks!


Here is another answer: Finally I found the solution, it was not working because of the css property -webkit-touch-callout that was as 'none' instead of 'default'.
-webkit-touch-callout: default;
That solved my problem!

{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 1, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 3.0', 'CreationDate': '2015:00:05/06/15', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<javascript><ios><html><safari>', 'Title': "'Open in new tab' option doesn't appear for links in safari for ios", 'ViewCount': 852, 'id': 30088796, 'user_AboutMe': '', 'user_AccountId': 1529416.0, 'user_DisplayName': 'Fernando P. G.', 'user_Reputation': 191.0, 'user_Views': 37.0, 'user_id': 1427012.0}}